数值的扩展 · 前端笔记

[TOC] ## 二进制和八进制的扩展 ES6提供了二进制和八进制数值的新写法，分别用前缀0b\(或0B\)和0o（或0O）来表示。 ``` 0b111110111 === 053 //true 0o767 === 503 //true ``` ## Number.isFinite\(\),Number.isNaN\(\) ES6在Number对象提供Number.isFinite\(\),Number.isNaN\(\)来检查Infinite和NaN。 ``` Number.isFinite(15) //true Number.isFinite(NaN) //false Number.isFinite(Infinity) // false Number.isNaN(NaN) // true Number.isNaN(9/NaN) // true Number.isNaN('true'/0) // true Number.isNaN('true'/'true') //true ``` 这两个方法与传统的全局方法isFinite\(\)和isNaN\(\)的区别在于，传统方法先调用Number\(\)将非数值转化为数值，再进行判断，而新方法只对数值有效，对非数值一律返回false。 ``` isFinite(25) // true isFinite('25') // true Number.isFinite(25) // true Number.isFinite('25') // false isNaN(NaN) // true isNaN('NaN') // true Number.isNaN(NaN) // true Number.isNaN(NaN) // false ``` ### Number.parseInt\(\),Number.parseFloat\(\) ES6将全局方法parseInt\(\)和parseFloat\(\)移植到Number对象，行为完全不变，目的是逐步减少全局性方法，使预言逐步模块化。 ## Number.isInterger\(\) Number.isInterger\(\)用来判断一个值是否是整数。在JavaScript，整数和浮点数是同样的存储方式，3和3.0是同一个值。 ``` Number.isInterger(25) // true Number.isInterger(25.0) // true Number.isInterger(25.1) // false Number.isInterger('15') // false Number.isInterger(true) // false ``` ## Number.EPSILON ES6在Number对象上新增了一个极小的常量Number.EPSILON。 ``` Number.EPSILON // 2.220446049250313e-16 Number.EPSILON.toFixed(20) "0.00000000000000022204" ``` 引入这么小的量，目的是为浮点数计算设置一个误差范围，我们知道浮点数计算是不精确的。 ``` 0.1 + 0.2 // 0.30000000000000004 0.1 + 0.2 - 0.3 // 5.551115123125783e-17 5.551115123125783e-17.toFixed(20) // "0.00000000000000005551" ``` 但如果这个误差能够小于Number.EPSILON，我们就可以认为得到了正确的结果。 ``` 5.551115123125783e-17 < Number.EPSILON // true ``` 下面的代码为浮点数运算部署了一个人误差检查函数 ``` function withinErrorMargin (left, right) { return Math.abs(left - right) < Number.EPSILON } widthinErrorMargin(0.1 + 0.2, 0.3) // true widthinErrorMargin(0.2 + 0.2, 0.3) // false ``` ## 安全整数和Number.isSafeInterger\(\) JavaScript能准确表示的整数范围在-2^25到2^53之间（不含两个端点），超过这个范围就无法精确表示。 ``` Math.pow(2, 53) // 9007199254740992 9007199254740992 // 9007199254740992 9007199254740993 // 9007199254740992 Math.pow(2, 53) === Math.pow(2, 53) + 1 // true ``` ES6引入了Number.MAX\_SAFE\_INTEGER和Number.MIN\_SAFE\_INTEGER两个常量，用来表示这两个范围的上下限。 ``` Number.MAX_SAFE_INTEGER === Math.pow(2, 53) - 1 // true Number.MAX_SAFE_INTEGER === 9007199254740991 // true ``` Number.isSafeInterger\(\)用来判断一个整数是否在这个范围内 ``` Number.isSafeInterger(9007199254740990) // true Number.isSafeInterger(9007199254740993) // false ``` 验证运算结果是否落在安全整数的范围时，不要只验证运算结果，要同时验证参与运算的每个值。 ## Math对象的扩展 ES6在Math对象上新增了17个与数学有关的方法。这些方法都是静态方法，只能在Math对象上调用。 ### Math.trunc\(\) 去除一个数的小数部分，返回整数部分。对于非数值，会先使用Number方法将其转换为数值。对于控制和无法截取整数的值，返回NaN. ``` Math.trunc(4.1) // 4 Math.trunc('123.1145') // 123 Math.trunc(NaN) // NaN Math.trunc() // NaN ``` ### Math.sign\(\) 判断一个数是正数、负数还是零。返回值有5种情况。 * 参数是整数，返回+1 * 参数是负数，返回-1 * 参数是0，返回0 * 参数是-0，返回-0 * 其他值，返回NaN ### Math.cbrt\(\) 计算一个数的立方根。对于非数值，会先使用Number方法将其转换为数值。 ### Math.clz32\(\) JavaScript的整数用32位二进制表示，Math.clz32返回一个数的32位无符号整数形式有多少个前导0。左移预算符（<<）与Math.clz32方法直接相关。 ``` Math.clz32(0) // 32 Math.clz32(1) // 31 Math.clz32(0b01000000000000000000000000000000) // 1 ``` ### Math.imul\(\) 返回两个数以32位带符号整数形式相乘的结果，返回的也是一个32位的代符号整数。 ### Math.fround\(\) 返回一个数的单精度浮点数形式。 ``` Math.fround(0) // 0 Math.fround(1) // 1 Math.fround(1.337) // 1.3370000123977661 Math.fround(1.5) // 1.5 ``` ### Math.hypot\(\) 返回所有参数的平方和的平方根。 ``` Math.hypot(3, 4) // 5 Math.hypot(3, 4, 5) // 7.0710678118654755 Math.hypot() // 0 ``` ### 对数方法 ES6新增了4个对数相关的方法。 #### Math.expm1\(\) 返回e\*x-1，即Math.exp\(x\) - 1。 #### Math.log1p\(\) 返回ln\(1+x\)，即Math.log\(1+x\)，如果x小于-1，返回NaN。 #### Math.log10\(\) 返回以10为底的x的对数，如果x小于0，返回NaN。 #### Math.log2\(\) 返回以2为底的x的对数，如果x小于0，返回NaN。 ### 三角函数方法 ES6新增了6个三角函数方法。 * Math.sinh\(x\)：返回x的双曲正弦 * Math.cosh\(x\)：返回x的双曲余弦 * Math.tanh\(x\)：返回x的双曲正切 * Math.asinh\(x\)：返回x的反双曲正弦 * Math.acosh\(x\)：返回x的反双曲余弦 * Math.atanh\(x\):返回x的反双曲正切 ## 指数运算符 ES7新增了一个指数运算符（\*\*），目前Babel已支持。 ``` 2 ** 2 // 4 2 ** 3 // * ``` 指数运算符可以与等号结合，形成一个新的赋值运算符（\*\*=）。 ``` let a = 2 a **= 2 // 等同于 a = a * a let b = 3 b **= 3 // 等同于 b = b * b * b ```