ECMAScript 2018

JavaScript 命名約定始于 ES1、ES2、ES3、ES5 和 ES6。

但是,ECMAScript 2016 和 2017 未被稱為 ES7 和 ES8。

自 2016 年以來,新版本按年份命名(ECMAScript 2016/2017/2018)。

ECMAScript 2018 中的新特性

本章介紹 ECMAScript 2018 的新特性:

  • 異步迭代
  • Promise Finally
  • 對象 Rest 屬性
  • 新的 RegExp 特性

JavaScript 異步迭代

ECMAScript 2018 添加了異步迭代器和可迭代對象。

通過異步迭代,我們可以在 for/of 循環中使用 await 關鍵字。

實例

for await () {}

Firefox 和 Safari 是第一批支持 JavaScript 異步迭代的瀏覽器:

Chrome IE Firefox Safari Opera
Chrome 63 Edge 79 Firefox 57 Safari 11 Opera 50
2017 年 12 月 2020 年 1 月 2017 年 11 月 2017 年 9 月 2018 年 1 月

JavaScript Promise.finally

ECMAScript 2018 使用 Promise.finally 完成了 Promise 對象的完整實現:

實例

let myPromise = new Promise();
myPromise.then();
myPromise.catch();
myPromise.finally();

Chrome 和 Firefox 是第一批支持 Promise.finally 的瀏覽器:

Chrome IE Firefox Safari Opera
Chrome 63 Edge 18 Firefox 58 Safari 11.1 Opera 50
2017 年 12 月 2018 年 11 月 2018 年 1 月 2018 年 3 月 2018 年 1 月

JavaScript 對象 Rest 屬性

ECMAScript 2018 添加了 Rest 屬性。

這允許我們破壞一個對象并將剩余物收集到一個新對象上:

實例

let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
x; // 1
y; // 2
z; // { a: 3, b: 4 }

Chrome、Firefox 和 Opera 是第一批支持對象 Rest 屬性的瀏覽器:

Chrome IE Firefox Safari Opera
Chrome 60 Edge 79 Firefox 55 Safari 11.1 Opera 47
2017 年 7 月 2020 年 1 月 2017 年 8 月 2018 年 3 月 2017 年 8 月

新的 JavaScript RegExp 特性

ECMAScript 2018 添加了 4 個新的 RegExp 特性:

  • Unicode 屬性轉義 (\p{...})
  • 后行斷言(Lookbehind Assertions) (?<= ) 和 (?<! )
  • 命名捕獲組(Named Capture Groups)
  • s (dotAll) 標志

Chrome 和 Firefox 是第一批支持所有新 RegExp 功能的瀏覽器:

Chrome IE Firefox Safari Opera
Chrome 64 Edge 79 Firefox 78 Safari 12 Opera 51
2018 年 1 月 2020 年 1 月 2020 年 6 月 2018 年 9 月 2018 年 2 月