鍍金池/ 教程/ HTML/ 數(shù)值的擴(kuò)展
數(shù)組的擴(kuò)展
Class和Module
Set 和 Map 數(shù)據(jù)結(jié)構(gòu)
異步操作
對(duì)象的擴(kuò)展
Generator 函數(shù)
數(shù)值的擴(kuò)展
變量的解構(gòu)賦值
Iterator 和 for...of 循環(huán)
Promise 對(duì)象
參考鏈接
ECMAScript 6簡(jiǎn)介
作者簡(jiǎn)介
字符串的擴(kuò)展
編程風(fēng)格
let 和 const 命令
函數(shù)的擴(kuò)展

數(shù)值的擴(kuò)展

二進(jìn)制和八進(jìn)制表示法

ES6 提供了二進(jìn)制和八進(jìn)制數(shù)值的新的寫法,分別用前綴 0b 和 0o 表示。

0b111110111 === 503 // true
0o767 === 503 // true

八進(jìn)制用 0o 前綴表示的方法,將要取代已經(jīng)在 ES5 中被逐步淘汰的加前綴 0 的寫法。

Number.isFinite(), Number.isNaN()

ES6 在 Number 對(duì)象上,新提供了 Number.isFinite() 和 Number.isNaN() 兩個(gè)方法,用來(lái)檢查 Infinite 和 NaN 這兩個(gè)特殊值。

Number.isFinite()用來(lái)檢查一個(gè)數(shù)值是否非無(wú)窮(infinity)。

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

ES5 通過下面的代碼,部署 Number.isFinite 方法。

(function (global) {
  var global_isFinite = global.isFinite;

  Object.defineProperty(Number, 'isFinite', {
    value: function isFinite(value) {
      return typeof value === 'number' && global_isFinite(value);
    },
    configurable: true,
    enumerable: false,
    writable: true
  });
})(this);

Number.isNaN() 用來(lái)檢查一個(gè)值是否為 NaN。

Number.isNaN(NaN); // true
Number.isNaN(15); // false
Number.isNaN("15"); // false
Number.isNaN(true); // false

ES5 通過下面的代碼,部署 Number.isNaN()。

(function (global) {
  var global_isNaN = global.isNaN;

  Object.defineProperty(Number, 'isNaN', {
    value: function isNaN(value) {
      return typeof value === 'number' && global_isNaN(value);
    },
    configurable: true,
    enumerable: false,
    writable: true
  });
})(this);

它們與傳統(tǒng)的全局方法 isFinite()和 isNaN()的區(qū)別在于,傳統(tǒng)方法先調(diào)用 Number() 將非數(shù)值的值轉(zhuǎn)為數(shù)值,再進(jìn)行判斷,而這兩個(gè)新方法只對(duì)數(shù)值有效,非數(shù)值一律返回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 對(duì)象上面,行為完全保持不變。

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

// ES6的寫法
Number.parseInt("12.34") // 12
Number.parseFloat('123.45#') // 123.45

這樣做的目的,是逐步減少全局性方法,使得語(yǔ)言逐步模塊化。

Number.isInteger()和安全整數(shù)

Number.isInteger() 用來(lái)判斷一個(gè)值是否為整數(shù)。需要注意的是,在 JavaScript 內(nèi)部,整數(shù)和浮點(diǎn)數(shù)是同樣的儲(chǔ)存方法,所以 3 和 3.0 被視為同一個(gè)值。


Number.isInteger(25) // true
Number.isInteger(25.0) // true
Number.isInteger(25.1) // false
Number.isInteger("15") // false
Number.isInteger(true) // false

ES5 通過下面的代碼,部署 Number.isInteger()。


(function (global) {
  var floor = Math.floor,
    isFinite = global.isFinite;

  Object.defineProperty(Number, 'isInteger', {
    value: function isInteger(value) {
      return typeof value === 'number' && isFinite(value) &&
        value > -9007199254740992 && value < 9007199254740992 &&
        floor(value) === value;
    },
    configurable: true,
    enumerable: false,
    writable: true
  });
})(this);

JavaScript 能夠準(zhǔn)確表示的整數(shù)范圍在-2&#710;53 and 2&#710;53之間。ES6 引入了Number.MAX_SAFE_INTEGER 和 Number.MIN_SAFE_INTEGER 這兩個(gè)常量,用來(lái)表示這個(gè)范圍的上下限。Number.isSafeInteger()則是用來(lái)判斷一個(gè)整數(shù)是否落在這個(gè)范圍之內(nèi)。


var inside = Number.MAX_SAFE_INTEGER;
var outside = inside + 1;

Number.isInteger(inside) // true
Number.isSafeInteger(inside) // true

Number.isInteger(outside) // true
Number.isSafeInteger(outside) // false

Math對(duì)象的擴(kuò)展

(1)Math.trunc()

Math.trunc 方法用于去除一個(gè)數(shù)的小數(shù)部分,返回整數(shù)部分。


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

(2)Math.sign()

Math.sign 方法用來(lái)判斷一個(gè)數(shù)到底是正數(shù)、負(fù)數(shù)、還是零。如果參數(shù)為正數(shù),返回 +1;參數(shù)為負(fù)數(shù),返回 -1;參數(shù)為 0,返回 0;參數(shù)為 NaN,返回 NaN。


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

ES5 通過下面的代碼,可以部署 Math.sign()。


(function (global) {
  var isNaN = Number.isNaN;

  Object.defineProperty(Math, 'sign', {
    value: function sign(value) {
      var n = +value;
      if (isNaN(n))
        return n /* NaN */;

      if (n === 0)
        return n; // Keep the sign of the zero.

      return (n < 0) ? -1 : 1;
    },
    configurable: true,
    enumerable: false,
    writable: true
  });
})(this);

(3)數(shù)學(xué)方法

ES6 在 Math 對(duì)象上還提供了許多新的數(shù)學(xué)方法。

  • Math.acosh(x) 返回 x 的反雙曲余弦(inverse hyperbolic cosine)
  • Math.asinh(x) 返回 x 的反雙曲正弦(inverse hyperbolic sine)
  • Math.atanh(x) 返回 x 的反雙曲正切(inverse hyperbolic tangent)
  • Math.cbrt(x) 返回 x 的立方根
  • Math.clz32(x) 返回 x 的 32 位二進(jìn)制整數(shù)表示形式的前導(dǎo) 0 的個(gè)數(shù)
  • Math.cosh(x) 返回 x 的雙曲余弦(hyperbolic cosine)
  • Math.expm1(x) 返回 eˆx - 1
  • Math.fround(x) 返回 x 的單精度浮點(diǎn)數(shù)形式
  • Math.hypot(...values) 返回所有參數(shù)的平方和的平方根
  • Math.imul(x, y) 返回兩個(gè)參數(shù)以 32 位整數(shù)形式相乘的結(jié)果
  • Math.log1p(x) 返回 1 + x 的自然對(duì)數(shù)
  • Math.log10(x) 返回以 10 為底的x的對(duì)數(shù)
  • Math.log2(x) 返回以 2 為底的 x 的對(duì)數(shù)
  • Math.tanh(x) 返回 x 的雙曲正切(hyperbolic tangent)