JavaScript类型、值和原生函数大揭秘, 前端开发者必看！
类型
- • ECMAScript 一共有七种语言类型：
Undefined、Null、Boolean、String、Number、Object、Symbol
内置类型
- • 函数不仅是对象，还拥有属性。
在函数中的 length 属性是参数的个数 - • 如下代码：
function a(b,c){ // do something } a.length; // 2
- •
typeof [...] 为什么等于 object？
- •
数组也是对象，但确切来说，它是 object 的一个 "子类型"
- • 如下代码：
typeof [1,2,3] === 'object'; // true
值和类型
- • typeof 运算符总是会返回一个字符串
- • 如下代码：
typeof typeof 42; // string // typeof 42 首先会返回 number, 然后 typeof number 返回 string
小结
- 1. 变量没有类型，他们所拥有的值才有类型。
- 2. typeof [...] 为什么等于 object？
- •
数组也是对象，但确切来说，它是 object 的一个 "子类型"
值
数组
- •
使用delete操作符不会影响数组长度
let a = ['a', 'b', 'c', 'd']; delete a[2]; console.log('a ------>', a); // [ 'a', 'b', <1 empty item>, 'd' ] console.log('a ------>', a.length); // 4
- • 数组索引既可以通过数字索引，也可以通过字符串索引，可以通过像访问对象的建制属性一样访问数组元素。
除了通过使用数字索引的方式，其他都不计算进数组长度内
let a2 = []; a2[0] = 1; a2['foo'] = 2; console.log('a2.length ------>', a2.length); // 1 console.log("a2['foo'] ------>", a2['foo']); // 2 console.log('a2.foo ------>', a2.foo); // 2
- • 如果字符串值被强制转换为十进制数字，数组会被当做数字索引来处理
var a = []; a['13'] = 42; a.length; // 14
- • 将类数组转为数组, 还有其他方法: indexOf()、concat()、map().....
var arr = Array.from(arguments); Array.prototype.slice.call();
数字
- • 数字语法：
数字前面的 0 可省略
var a = 0.42; var b = .42;
- • 由于数字值使用 Number 对象封装，因此数字值可调用 Number.prototype 中的方法。
- • toPrecision(..) 方法用来指定有效数位的显示位数：
var a = 42.59; a.toPrecision( 1 ); // "4e+1" a.toPrecision( 2 ); // "43" a.toPrecision( 3 ); // "42.6" a.toPrecision( 4 ); // "42.59" a.toPrecision( 5 ); // "42.590" a.toPrecision( 6 ); // "42.5900"
- • 注意，
对于.操作符来说，因为他们是一个有效的数字字符，会被优先识别为数字常量的一部分，然后才是对象属性访问运算符。
// 无效语法： 42.toFixed( 3 ); // SyntaxError // 下面的语法都有效： (42).toFixed( 3 ); // "42.000" 0.42.toFixed( 3 ); // "0.420" 42..toFixed( 3 ); // "42.000" // 注意其中的空格 42 .toFixed(3); // "42.000"
- • 42.tofixed(3) 是无效语法，因为 . 被视为常量 42. 的一部分（如前所述），所以没有 . 属性访问运算符来调用 tofixed 方法。
- • 42..tofixed(3) 则没有问题，因为第一个 . 被视为 number 的一部分，第二个 . 是属性访问运算符。只是这样看着奇怪，实际情况中也很少见。在基本类型值上直接调用的方法并不多见，不过这并不代表不好或不对。
数值检测方法
- • 能够被"安全"呈现的最大整数是 2^53 - 1，即
9007199254740991，在 ES6 中被定义为Number.MAX_SAFE_INTEGER。最小整数是-9007199254740991，在 ES6 中被定义为Number.MIN_SAFE_INTEGER。 - • 要检测一个值是否是整数，可以使用 ES6 中的
Number.isInteger(..)方法：
Number.isInteger( 42 ); // true Number.isInteger( 42.000 ); // true Number.isInteger( 42.3 ); // false
- • 也可以为 ES6 之前的版本 polyfill
Number.isInteger(..)方法：
if (!Number.isInteger) { Number.isInteger = function(num) { return typeof num == "number" && num % 1 == 0; }; }
- • 要检测一个值是否是安全的整数，可以使用 ES6 中的 Number.isSafeInteger(..) 方法：
Number.isSafeInteger( Number.MAX_SAFE_INTEGER ); // true Number.isSafeInteger( Math.pow( 2, 53 ) ); // false Number.isSafeInteger( Math.pow( 2, 53 ) - 1 ); // true
- • 可以为 ES6 之前的版本 polyfill Number.isSafeInteger(..) 方法：
if (!Number.isSafeInteger) { Number.isSafeInteger = function(num) { return Number.isInteger( num ) && Math.abs( num ) <= Number.MAX_SAFE_INTEGER; }; }
