ES6入門之數值的擴充套件

故事膠片發表於2019-04-26

ES6入門之數值的擴充套件

1. 二進位制和八進位制表示法

ES6提供了二進位制和八進位制數值的新寫法,分別用字首 0b(0B) 和 0o(0O)表示 如下:

0b111110111 === 503 // true
0o767 === 503 // true
複製程式碼

2. Number.isFinite(), Number.isNaN()

ES6在number上提供了 Number.isFinite(), Number.isNaN()兩個方法,前者用來檢查數值是否為有限的,後者用來檢查一個值是否為NAN,如下:

Number.isFinite(15); // true
Number.isFinite(0.8); // true
Number.isFinite(NaN); // false
Number.isFinite(Infinity); // false
Number.isFinite(-Infinity); // false
Number.isFinite('foo'); // false
Number.isFinite('15'); // false
Number.isFinite(true); // false

引數型別如果不是數字就返回false


Number.isNaN(NaN) // true
Number.isNaN(15) // false
Number.isNaN('15') // false
Number.isNaN(true) // false
Number.isNaN(9/NaN) // true
Number.isNaN('true' / 0) // true
Number.isNaN('true' / 'true') // true
複製程式碼

與傳統的isFinite() 和 isNaN() 的區別在於,傳統方法優先呼叫Number()將非數值的值轉為數值,在進行判斷。而Number.isFinite()對於非數值一律返回false, Number.isNaN()只有對於NaN才返回true,非NaN一律返回false。

3. Number.parseInt(), Number.parseFloat()

ES6 將全域性方法parseInt()和parseFloat(),移植到Number物件上面,行為完全保持不變。減少全域性性方法,使得語言逐漸模組化。如下:

// ES5的寫法
parseInt('12.34') // 12
parseFloat('123.45#') // 123.45

// ES6的寫法
Number.parseInt('12.34') // 12
Number.parseFloat('123.45#') // 123.45
複製程式碼

4. Number.isInteger()

Number.isInteger()用來判斷一個數值是否為整數,如下:

Number.isInteger(25) // true
Number.isInteger(25.1) // false
Number.isInteger(25.0) // true 整數和浮點數採用相同的儲存方式
複製程式碼

但是Number.isInteger() 對於資料精度要求比較高的情況不能很好的判斷,不建議使用。

5. Number.EPSILON

Number.EPSILON 用來表示1 與 大於1的最小浮點數之間的差,實際上就是JavaScript能夠表示的最小精度。

function withinErrorMargin (left, right) {
  return Math.abs(left - right) < Number.EPSILON * Math.pow(2, 2);
}

0.1 + 0.2 === 0.3 // false
withinErrorMargin(0.1 + 0.2, 0.3) // true

1.1 + 1.3 === 2.4 // false
withinErrorMargin(1.1 + 1.3, 2.4) // true
複製程式碼

6. 安全整數和 Number.isSafeInteger()

JavaScript能夠精準表示的整數範圍在 -2^53到2^53之間(不含兩個端點),ES6引入了Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER這兩個常量,用來表示這個範圍的上下限。而Number.isSafeInteger() 就是判斷一個整數是否在這個範圍之內。

7. Math 物件的擴充套件

ES6 在 Math 物件上新增了 17 個與數學相關的方法。所有這些方法都是靜態方法,只能在 Math 物件上呼叫。


Math.trunc()

用於去除一個數的小樹部分,返回整數部分。對於非數值,則用Number方法將其轉換為數值,對於空值和無法擷取整數的值,返回 NaN。如下:

Math.trunc(4.1) // 4
Math.trunc(4.9) // 4
Math.trunc(-4.1) // -4
Math.trunc(-4.9) // -4
Math.trunc(-0.1234) // -0

// 非數值

Math.trunc('123.456') // 123
Math.trunc(true) //1
Math.trunc(false) // 0
Math.trunc(null) // 0

// 空值和無法擷取的值

Math.trunc(NaN);      // NaN
Math.trunc('foo');    // NaN
Math.trunc();         // NaN
Math.trunc(undefined) // NaN
複製程式碼
Math.sign()

用來判斷一個數是否為正數、負數、還是零,對於非數值,則將其轉換為數值。

// 返回五種結果:

-     引數為正數,返回+1;
-     引數為負數,返回-1;
-     引數為 0,返回0;
-     引數為-0,返回-0;
-     其他值,返回NaN。

Math.sign(-5) // -1
Math.sign(5) // +1
Math.sign(0) // +0
Math.sign(-0) // -0
Math.sign(NaN) // NaN

Math.sign('')  // 0
Math.sign(true)  // +1
Math.sign(false)  // 0
Math.sign(null)  // 0
Math.sign('9')  // +1
Math.sign('foo')  // NaN
Math.sign()  // NaN
Math.sign(undefined)  // NaN
複製程式碼
Math.cbrt()

用來計算一個數的立方根,與其他相同如果不是數值就先轉換為數值。

Math.cbrt(-1) // -1
Math.cbrt(0)  // 0
Math.cbrt(1)  // 1
Math.cbrt(2)  // 1.2599210498948734
複製程式碼
Math.clz32()

用來將引數轉為32位無符號整數的形式,然後這個32位值裡面有多個前導0

Math.imul()

用來返回兩個數以32位帶符號整數形式相乘的結果,返回的也是一個32位的帶符號的整數。

Math.fround()

返回一個32位單精度浮點數形式

Math.hypot()

返回所有引數的平方和的平方根

8. 對數方法

8.1 Math.expm1()

Math.expm1(x)返回 ex - 1,即Math.exp(x) - 1。

8.2 Math.log1p()

Math.log1p(x)方法返回1 + x的自然對數,即Math.log(1 + x)。如果x小於-1,返回NaN。

8.3 Math.log10()

Math.log10(x)返回以 10 為底的x的對數。如果x小於 0,則返回 NaN。

8.4 Math.log2()

Math.log2(x)返回以 2 為底的x的對數。如果x小於 0,則返回 NaN。

9. 雙曲函式方法

ES6 新增了 6 個雙曲函式方法。

Math.sinh(x) 返回x的雙曲正弦(hyperbolic sine)
Math.cosh(x) 返回x的雙曲餘弦(hyperbolic cosine)
Math.tanh(x) 返回x的雙曲正切(hyperbolic tangent)
Math.asinh(x) 返回x的反雙曲正弦(inverse hyperbolic sine)
Math.acosh(x) 返回x的反雙曲餘弦(inverse hyperbolic cosine)
Math.atanh(x) 返回x的反雙曲正切(inverse hyperbolic tangent)
複製程式碼

10. 指數運算

ES6 新增了指數運算子(**),而且是從右往左計算。

2 ** 3  // 16
2 ** 2 ** 3  === 2 ** (2 ** 3)  //  256 

let a = 1.5  a** = 2  ===  a = a*a
let b =4     b** = 3  ===  b = b* b* b
複製程式碼

和 Math.pow 在運算結果的最後一位數字有差異,特別大的運算結果有細微的差異

歡迎關注 公眾號【小夭同學】

歡迎關注 公眾號【小夭同學】

ES6入門系列

ES6入門之let、cont

ES6入門之變數的解構賦值

ES6入門之字串的擴充套件

ES6入門之正則的擴充套件

Git教程

前端Git基礎教程

相關文章