數值的擴展 · 前端筆記

[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 ```