您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

ES6+ 数值扩展

ES6 对数值进行了大的改版,在向下兼容的同时,把所有的数值由全局移植到了 Number 对象下,在数组和字符串中也做了类似的操作,这样的主要目的是精简全局,更加明确的表达的含义。另外,ES6 还了二进制和八进制的表示,并了很多数值处理的,本节就来看看 ES6 对数值的扩展。

JavaScript 的 Number 对象是经过封装的,能让你处理数字值的对象, Number 对象由 Number() 构造器创建。

在非构造器上下文中,也就是没有 new 操作符时,Number 可以类型转换的使用。 接收参数,并将这个参数转换为数字,如果参数无法被转换为数字,则返回 NaN

Number('10')			 	// 10
Number('imooc')		 	// NaN
Number('')					// 0
Number()						// 0
Number(undefined)		// NaN

上面的中,在没有字符串或者是空字符串的时候,会得到数字 0,还有参数是 null 时得到的结果也是 0。但是,当参数为 undefined 时则会得到 NaN

在 ES5 中,如 parseFloatparseInt 等都是全局,在 ES6 中把处理数值的一些都移植到了 Number 对象上了。

parseInt('123');				// 123
Number.parseInt('123');	// 123

上面的可以看到,Number 对象下也有 parseInt 的,并且所有的数值在 Number 上也是一一对应的,基本相同,有些还做了扩展。在后面的小节中我们会对 Number 上的和全局的进行对比,看它们有什么不同,ES6 又了什么问题。

ES6 提供了二进制和八进制数值表示的新写法,分别用前缀 0b(或 0B)和 0o(或 0O)表示。对应的十六进制我们知道用 0x 作为前缀来表示的。下面我们来看看二进制和八进制是怎么表示的。

// es6 2进制 0B 开头
console.log('B',); 	// 503
console.log('B',); 	// 相同,0B 和 0b 都可以

// es6 8进制 0o 开头
console.log(); 	// 503
console.log(); 	// 相同,0o 和 0O 都可以

上面的分别使用了二进制和八进制对数字 503 进行了表示,那下面我们来验证一下:

 ===  // true
 ===  		// true

上面的中使用了全等的方式进行判断,很明显,ES6 是这种方式的表示的。

从 ES5 开始,在严格模式之中,八进制就不再允许使用前缀 0 表示,ES6 进一步明确,要使用前缀 0o 表示。

// 非严格模式
(function(){
  console.log( === );	// true
})()

// 严格模式
(function(){
  'use strict';
  console.log( === );
})()
// Uncaught Error: Octal literals are not allowed in strict mode.

0b0o 前缀的字符串数值转为十进制,可以把 Number 对象直接作为使用。

Number('0b111')  // 7
Number('0o10')   // 8

ES6 对 Number 的进行了丰富,能够适用更多的场景。

ES6 在 Number 对象上面,新增极小的常量 Number.EPSILON。它表示 1 与大于 1 的最小浮点数之差。它是差值,属于正数。

你不必创建 Number 对象来访问这个静态(可以直接使用 Number.EPSILON)。

console.log(Number.EPSILON) // 2.220446049250313e-16

EPSILON 的值接近于 2.2204460492503130808472633361816E-16,或者 2 的 -52 次方。

对于 64 位浮点数来说,大于 1 的最小浮点数相当于二进制的 1.00…001,小数点后面有连续 51 个零。这个值减去 1 之后,就等于 2 的 -52 次方。

 + 
// 0.30000000000000004

 +  - 
// 5.551115123125783e-17

.toFixed()
// '0.00000000000000005551'
上面解释了,为什么比较 + 与得到的结果是false+  ===  // false

Number.EPSILON 实际上是 JavaScript 能够表示的最小精度。误差如果小于这个值,就可以认为已经没有意义了,即不存在误差了。

引入这么小的量的目的,在于为浮点数计算,设置误差范围。我们知道浮点数计算是不精确的。

 < Number.EPSILON * Math.pow(, )
// true

Number.MAX_SAFE_INTEGER 常量表示在 JavaScript 中最大的安全整数(maxinum safe integer)(2e53 - 1)。

console.log(Number.MAX_SAFE_INTEGER) 	// 9007199254740991

MAX_SAFE_INTEGER 是值为 9007199254740991 的常量。因为 Javascript 的数字存储使用了 IEEE-754 中规定的双精度浮点数数据类型,而这一数据类型能够安全存储 -(2e53 - 1)2e53 - 1 之数值(包含边界值)。

由于 MAX_SAFE_INTEGER 是 Number 的静态,所以你不用自己动手为 Number Number.MAX_SAFE_INTEGER 这一,就可以直接使用它。

Number.MIN_SAFE_INTEGER 代表在 JavaScript 中最小的安全的 integer 型数字 (-(253 - 1))。

console.log(Number.MIN_SAFE_INTEGER) 	// -9007199254740991

MIN_SAFE_INTEGER 的值是 -9007199254740991. 形成这个数字的原因是 JavaScript 在 IEEE-754 中规定的。个规定中能安全地表示数字的范围在 -(2e53 - 1)2e53 - 1之间

由于 MIN_SAFE_INTEGER 是 Number 的静态,你可以直接使用 Number.MIN_SAFE_INTEGER, 而不是自己去创建 Number 的。

本节主要讲解了 ES6 对数值的扩展主要总结一下几点:

ES6 的 Number 对象还提供了很多,下面的小节会讲到,还有 ES6 对数字的处理在 Math 小节做详细的讲解。


联系我
置顶