首頁 > 文章 > web前端 > ES6中全新的數位方法總結（必看）

ES6中全新的數位方法總結（必看）

不言原創: 2018-08-17 14:18:301905瀏覽

這篇文章帶給大家的內容是關於ES6中全新的數位方法總結（必看），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

本文介紹了ES6中全新的數位方法（ECMAScript 6）。

本文將向您介紹新增Number資料類型的新方法和常數。當然，這裡採用的方法並不完全是全新的，但它們已經可以在 and/or 直接移動（例如isNaN()）。我們會透過一些例子來實踐。

Number.isInteger（）

我要介紹的第一種方法是Number.isInteger()。它是JavaScript的新增功能，您可能之前已經定義和使用過這個方法。它確定傳遞給函數的值是否為整數。如果函數值是true，則傳回此方法，false則跳出。這種方法的實作非常簡單，而且是原生JavaScript語法。重寫此功能的方法之一是：

    Number.isInteger = Number.isInteger || function (number) {
      return typeof number === 'number' && number % 1 === 0;
    };

僅僅為了好玩，我重新改寫了這個功能，採用了完全不同的方法：

    Number.isInteger = Number.isInteger || function (number) {
      return typeof number === 'number' && Math.floor(number) === number;
    };

雖然以上兩個方法均能判斷傳參是否為整數，但它們不符合ECMAScript 6規範。所以，如果你想要嚴格依照ES6的規格改寫，就請從以下語法開始：

    Number.isInteger(number)

該參數number表示要測試的值。

使用此方法的範例如下所示：

    // prints 'true'
    console.log(Number.isInteger(19));
    
    // prints 'false'
    console.log(Number.isInteger(3.5));
    
    // prints 'false'
    console.log(Number.isInteger([1, 2, 3]));

Node.js和所有現代瀏覽器都支援此方法，Internet Explorer除外。如果您需要支援舊版瀏覽器，可以使用polyfill，例如火狐瀏覽器Mozilla Developer Network上提供的polyfill 。請看下面的程式碼：

    if (!Number.isInteger) {
      Number.isInteger = function isInteger (nVal) {
        return typeof nVal === 'number' &&
          isFinite(nVal) &&
          nVal > -9007199254740992 &&
          nVal < 9007199254740992 &&
          Math.floor(nVal) === nVal;
      };
    }

Number.isNaN（）

如果您以前曾撰寫過JavaScript程式碼，則此方法對您來說並不陌生。 JavaScript有一個叫做isNaN()的方法透過window物件公開。此方法用以判斷測試值是否等於NaN，是回傳true，否則傳回false。不過直接呼叫window.isNaN()有一個問題，當測試值被強制轉換為數字時，該方法會回傳true值。為了讓您對此問題有一個具體的了解，以下所有語句都會傳回：true

    // prints 'true'
    console.log(window.isNaN(0/0));
    
    // prints 'true'
    console.log(window.isNaN('test'));
    
    // prints 'true'
    console.log(window.isNaN(undefined));
    
    // prints 'true'
    console.log(window.isNaN({prop: 'value'}));

您可能需要的是僅在傳遞值為NaN時傳回true的方法。這就是ECMAScript 6引入Number.isNaN()的原因。它的語法如下：

    Number.isNaN(value)
    这value是您要测试的值。此方法的一些示例用法如下所示：
    
    // prints 'true'
    console.log(Number.isNaN(0/0));
    
    // prints 'true'
    console.log(Number.isNaN(NaN));
    
    // prints 'false'
    console.log(Number.isNaN(undefined));
    
    // prints 'false'
    console.log(Number.isNaN({prop: 'value'}));

如您所見，測試相同的值我們獲得了不同的結果。

Node和所有現代瀏覽器都支援此方法，Internet Explorer除外。如果您想要支援其他瀏覽器，則此方法的一個非常簡單的polyfill如下：

    Number.isNaN = Number.isNaN || function (value) {
      return value !== value;
    };

NaN是JavaScript中唯一的非自身值，這表示它是唯一不等於自身的值。

Number.isFinite（）

此方法與前一個方法具有相同的背景。在JavaScript中，有這麼一個方法window.isFinite()，用來測試傳遞的值是否為有限數。不幸的是，它也會傳回強制轉換為數字的true值，範例如下所示：

    // prints 'true'
    console.log(window.isFinite(10));
    
    // prints 'true'
    console.log(window.isFinite(Number.MAX_VALUE));
    
    // prints 'true'
    console.log(window.isFinite(null));
    
    // prints 'true'
    console.log(window.isFinite([]));

出於這個原因，在ECMAScript 6中有一個名為isFinite()的方法。其語法如下：

    Number.isFinite(value)

value是您要測試的值。如果您測試上一個程式碼片段中的相同值，則可以看到結果不同：

    
    // prints 'true'
    console.log(Number.isFinite(10));
    
    // prints 'true'
    console.log(Number.isFinite(Number.MAX_VALUE));
    
    // prints 'false'
    console.log(Number.isFinite(null));
    
    // prints 'false'
    console.log(Number.isFinite([]));

Node和所有現代瀏覽器都支援該方法，Internet Explorer除外。您可以在MDN上的方法頁面上找到它的polyfill。

Number.isSafeInteger（）

Number.isSafeInteger()是ES6的全新補充。它測試傳遞的值是否為安全整數，在這種情況下它會傳回true。安全整數定義為滿足以下兩個條件的整數：

該數字可以精確地表示為IEEE-754雙精度數
數字的IEEE-754表示不能是捨入任何其他整數以適合IEEE-754表示的結果。

根據這個定義，安全整數是從-（2的53次方- 1）包含到2的53次方- 1包含的所有整數。

    
    
    Number.isSafeInteger(value)
    这value是您要测试的值。此方法的一些示例用法如下所示：
    
    // prints 'true'
    console.log(Number.isSafeInteger(5));
    
    // prints 'false'
    console.log(Number.isSafeInteger('19'));
    
    // prints 'false'
    console.log(Number.isSafeInteger(Math.pow(2, 53)));
    
    // prints 'true'
    console.log(Number.isSafeInteger(Math.pow(2, 53) - 1));

Number.isSafeInteger()在所有現代瀏覽器都支持，Internet Explorer除外。這種方法的polyfill是由Paul Miller從es6-shim中提取的，如：

    
    Number.isSafeInteger = Number.isSafeInteger || function (value) {
      return Number.isInteger(value) && Math.abs(value) <= Number.MAX_SAFE_INTEGER;
    };

請注意，此polyfill依賴Number.isInteger()之前討論的方法，因此您需要對後者進行polyfill以使用此方法。

ECMAScript 6也引入了兩個相關的常數值：Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER。前者表示JavaScript中的最大安全整數，即2的53次方 - 1，而後者表示最小安全整數，即 - （2的53次方 - 1）。

Number.parseInt（）和Number.parseFloat（）

Number.parseInt()和Number.parseFloat()方法都屬於同一個部分，因為不像在這篇文章中提到的其他類似的方法，他們已經在以前版本的ECMAScript中存在。因此，您可以以與目前相同的方式使用它們，並獲得相同的結果。語法如下：

    // Signature of Number.parseInt
    Number.parseInt(string, radix)
    
    // Signature of Number.parseFloat
    Number.parseFloat(string)

這裡的string表示要解析的值，radix是您要用來轉換的基底數string。

以下程式碼片段顯示了範例用法：

    // Prints '-3'
    console.log(Number.parseInt('-3'));
    
    // Prints '4'
    console.log(Number.parseInt('100', 2));
    
    // Prints 'NaN'
    console.log(Number.parseInt('test'));
    
    // Prints 'NaN'
    console.log(Number.parseInt({}));
    
    // Prints '42.1'
    console.log(Number.parseFloat('42.1'));
    
    // Prints 'NaN'
    console.log(Number.parseFloat('test'));
    
    // Prints 'NaN'
    console.log(Number.parseFloat({}));

Node和所有现代浏览器都支持这些方法，Internet Explorer除外。如果您想要使用它们，您可以简单地调用它们的全局方法，如下所示：

    // Polyfill Number.parseInt
    Number.parseInt = Number.parseInt || function () {
      return window.parseInt.apply(window, arguments);
    };
    
    // Polyfill Number.parseFloat
    Number.parseFloat = Number.parseFloat || function () {
      return window.parseFloat.apply(window, arguments);
    };