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 月 |