ES6特性概述 - ES6 - ECMAScript特性 - Javascript核心

原文： http://pij.robinqu.me/JavaScript_Core/ECMAScript/es6/es6_api_extension.html

源代碼： https://github.com/RobinQu/Programing-In-JavaScript/blob/master/chapters/Javascript_Core/ECMAScript/es6/es6_api_extension.md

• 本文須要補充更多例子
• 本文存在批註，但該網站的Markdown編輯器不支持，因此沒法正常展現，請到原文參考。

ES6特性概述

ES6比較ES5新特性更多。新加入的特性大體氛圍三類：

• 擴展已有的原生對象API
  
  
  • Object上的新方法
  • String上的新方法
  • Math上的新方法
  • ...
• 全新的數據結構
  
  
  • WeakMap
  • Set
  • ...
• 語法特性：新表達式、語法糖等
  
  
  • arrow function
  • const
  • let
  • rest parameters, default parameters
  • spread call, spread array
  • class
  • computed properties
  • Modules
  • for-of loop
  • Array comprehensions
  • Generator
  • Iterator
  • Block-level function
  • Destructuring

因爲新的語法特性很是複雜，本篇只描述部分ES6中新加入的API。以後後分篇描述目前已經比較成熟的語法特性（例如Generator和Iterator）。

String

String.fromCodePoint(n1,n2,n3,...)

從UTF16代碼轉換字符。這裏筆者也不太清楚，應該和UTF編碼有關¹。

String.prototype.codePointAt

從字符串的字符上取CodePoint。

String.prototype.repeat

"abc".repeat(2) // "abcabc"

String.prototype.startsWith(a,p)²

判斷字符串是否以a開頭；檢索的起始位置p是可選的。

String.prototype.endWith(a,p)³

判斷字符串是否以a結尾；檢索的起始位置p是可選的。

String.prototype.contains(a,p)⁴

判斷字符串是否包含子串a；檢索的起始位置p是可選的。

Array

Array.from(arrayLike,map,thisArg)⁵

根據類數組對象arrayLike建立數組；一個可選的map方法和其上下文對象thisArg。

Array.of(...items)⁶

從給定參數建立數組。

Array.prototype.find(cb,thisArg)⁷

尋找經過指定函數cb測試的第一個元素。

Array.prototype.findIndex(cb,thisArg)

同上，但返回該元素的索引號。

Array.prototype.fill(v,s,e)⁸

在數組索引s和e之間添入多個元素v。

Object

Object.getOwnPropertyDescriptors(o,p)⁹

獲取對象o上屬性p的特性描述對象。在搜尋屬性時，不在原型鏈上搜索。

Object.getPropertyDescriptor(o,p)¹⁰

獲取對象o上屬性p的特性描述對象。

Object.getOwnPropertyNames(o)

獲取對象自身上可枚舉和不可枚舉的鍵名數組。注意，該方法會返回那些enumerable屬性已經設置爲false的propety。

Object.is(a, b)¹¹

檢測兩個給定對象的值是否相同。該方法不會進行如同==操做符那樣去進行數值轉換。與===也有細微差異。僅當符合下面任意條件才返回true：

1. 都是undefined
2. 都是null
3. 都是true或false
4. 都是等長、內容相同的字符串
5. 都是同一個對象
6. 都是number，而且知足如下任一條件：
   
   
   1. 都是+0
   2. 都是-0
   3. 都是NaN
   4. 都是非零、非NaN，而且數值同樣

Object.setPrototypeOf(o, proto)

將對象o的原型修改成proto。和對象的__proto__屬性行爲一致。修改單個對象的prototype通常是不被推薦的。

Object.assign(target, source1, source2, ...)

相似underscore和lodash的_.extend。將多個對象的值合併到一個對象。

Number

數字和算數的API複雜並且不經常使用，可是卻必備。

Number.isFinite(v)

判斷數字是否爲有窮。判斷過程不嘗試將參數轉換爲number。

Number.isFinite(Infinity);  // false
Number.isFinite(NaN);       // false
Number.isFinite(-Infinity); // false

Number.isFinite(0);         // true
Number.isFinite(2e64);      // true

Number.isInteger(v)

判斷是否爲正整數。

Number.isNaN(v)

不將參數強制轉行爲number。判斷是否確實爲NaN。

Number.isSafeInteger()¹²

判斷是否爲在MAX_SAFE_INTEGER範圍內的正整數。這裏說明一下，NUMBER.MAX_SAFE_INTEGER是2^53-1。NUMBER.MAX_VALUE是1.7976931348623157 × 10308，這是IEE754中定義的double的最大值［^13］。

Number.EPSILON¹³

一個常量，表明正整數1與大於1的最小值之差。大約爲： 2.2204460492503130808472633361816 x 10‍^16。

Math

Math.clz32(v)

CountLeadingZeroes32。計算一個數字在32位無符號位整形數字的二進制形式開頭有多少個0。

Math.imul(v)

以32位正數的乘法方式來計算給定參數。該方法的一種可能的Javascript實現：

function imul(a, b) {
  var ah  = (a >>> 16) & 0xffff;
  var al = a & 0xffff;
  var bh  = (b >>> 16) & 0xffff;
  var bl = b & 0xffff;
  // the shift by 0 fixes the sign on the high part
  // the final |0 converts the unsigned value into a signed value
  return ((al * bl) + (((ah * bl + al * bh) << 16) >>> 0)|0);
}

Math.sign(v)

判斷一個數的符號位

Math.sign(3)     //  1
Math.sign(-3)    // -1
Math.sign("-3")  // -1
Math.sign(0)     //  0
Math.sign(-0)    // -0
Math.sign(NaN)   // NaN
Math.sign("foo") // NaN
Math.sign()      // NaN

Math.log10(x)

lg(x)

Math.log2(x)

log2(x)

Math.log1p(x)

ln(1+x)

Math.expm1(x)

e^x-1

Math.cosh(x)

Math.sinh(x)

Math.tanh(x)

Math.acosh(x)

Math.asinh(x)

Math.atanh(x)

Math.hypot(v1,v2,v3....)

計算給定參數的平方平均數

Math.trunc(v)

function trunc(x) {
  return x < 0 ? Math.ceil(x) : Math.floor(x);
}

Math.fround(v)

返回數值的最接近的單精度浮點。

Math.cbrt(x)

求x的立方根

關於ES及其餘

ES標準¹³在快速發展之中，部分討論¹⁴都已經擴展到ES8的規劃以內。就像W3C的新版標準同樣，他們的出現每每被開發者輕視。前段開發者以兼容性、實用性爲藉口選擇性忽略，可是不知不覺中，這些開發者已經成爲了守舊者，那些曾經被視爲華而不實的Canvas、ApplicationStorage、Websocket等技術，現在已經是大量在線應用的基礎設施。

ES6標準中部分已經被普遍應用到node應用的開發之中，也許不久的將來，nodejs的開發者所寫的Javascript已經和瀏覽器端開發者使用的Javascript是兩種不一樣的語言了。

ES6很多API層面的特性能夠經過shim¹⁵進行兼容性支持。部分語法特性，經過二次編譯¹⁶，能夠支持。因此，已經不是找理由不瞭解ECMAScript的時候了。

---

1. http://stackoverflow.com/questions/3744721/javascript-strings-outside-of-the-bmp ↩

2. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith ↩

3. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/endsWith ↩

4. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/contains ↩

5. http://people.mozilla.org/~jorendorff/es6-draft.html#sec-22.1.2.1 ↩

6. http://people.mozilla.org/~jorendorff/es6-draft.html#sec-22.1.2.1 ↩

7. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find ↩

8. http://people.mozilla.org/~jorendorff/es6-draft.html#sec-22.1.3.6 ↩

9. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor ↩

10. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor ↩

11. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is ↩

12. https://people.mozilla.org/~jorendorff/es6-draft.html#sec-number.issafeinteger ↩

13. • http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts

    ↩ ↩

14. http://esdiscuss.org/topic/es6-es7-es8-and-beyond-a-proposed-roadmap ↩

15. https://github.com/paulmillr/es6-shim/ ↩

16. https://github.com/addyosmani/es6-tools ↩