您现在的位置是:网站首页> 内容页

《前端之路》之 初识 JavaScript

  • 金百利国际平台
  • 2019-07-12
  • 169人已阅读
简介01初识JavaScript作为在码农圈混迹了四五年的老码畜来说,学习一门新的语言,就仿佛是老司机开新车一样轻车熟路。为什么会这么快呢?因为各种套路啊~任何一种计算机语言的最开

01 初识 JavaScript

作为在码农圈混迹了 四五年的老码畜来说,学习一门新的语言,就仿佛是老司机开新车一样 轻车熟路。

为什么会这么快呢?

因为各种套路啊~

任何一种计算机语言的最开始都是和 数据类型 这个东西分不开,那么今天,我们就从 JavaScript 的数据类型开始

一、JavaScript 的数据类型

因为对于很多的 jser 的初学者而言,或者说说对于很多代码初学者而言,数据类型是让人疑惑的地方。那么一定要解除这个疑虑。JavaScript 一共有 八种数据类型。其中包含了 基本数据类型 和 引用数据类型其中基础数据类型有: string 、 number 、 Boolean 、 null、 undefined其中 引用类型有: array 、 function 、 object一共就这么8种数据类型,每一种类型都会有各自的属性或者方法,从而构建了这个丰富多彩的 JavaScript 世界。那我们常常需要判断 这个参数的数据类型从而进行下一步的操作。 那么这个时候 typeOf 就是一个不错的选择,但是也有一些问题,咱们下面接着聊。

const strA = "xxx==="const numberB = 123const boolC = falseconst nullD = nullconst undedfinE = undefinedconst arrayF = [1,2,3]const funcG = function() { let a = "123" console.log(a)}const objH = { a: 1, getName: function() { console.log(this.a) }}const result = function(x) { return typeof x}console.log(result(strA)) // stringconsole.log(result(numberB)) // numberconsole.log(result(boolC)) // booleanconsole.log(result(nullD)) // objectconsole.log(result(undedfinE)) // undefinedconsole.log(result(arrayF)) // objectconsole.log(result(funcG)) // functionconsole.log(result(objH)) // object

二、 区分容易混淆的 数据类型

TIPS: 看完上面的八种 数据类型的 读取。是不是发现有三种数据还是让人有点迷糊,分别就是 null、array、Object 。 这三个数据类型的 typeof 都是 object。 那如何再次区分呢?

typeof null // objecttypeof [123,133] // objecttypeof {a:1} // object// 这个时候就无法判断了, 如何操作了?const testArray = [11,22,33,44]const testNull = nullconst testObj = {a:1}const testObjectFun = function(x) { return Object.prototype.toString.call(x)}console.log( testObjectFun(testArray)) // [object Array]console.log( testObjectFun(testNull)) // [object Null]console.log( testObjectFun(testObj)) // [object Object]

TIPS: 目前来看,Object.prototype.toString.call(xxx) 是一个很好判断当前对象为 什么的方法。

#### 三、 判断 当前对象为 数组的方法

const arr = [1,2,3]// es6Array.isArray(arr)arr instanceof Arrayarr.constructor === Array// es5Object.prototype.toString.call(arr) === "[object Array]"

在 ES5、6 中提供了一系列的 判断当前对象为 数组的方法. 可以作为一个炫技的存在了。

四、章节总结

在 JS 这门语言中,常见的数据类型在上文中已经作出了 展示,而且也展示了一些判断当前数据类型的方法,由于 JS 是一门弱类型语言,所谓弱类型语言其实是指 数据的类型可以根据上下文的变化 发生改变。 在下一个章节 我们会介绍下 数据类型的改变方法。

Github 地址,欢迎Star

文章评论

Top