阅读 (0)

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 异步迭代的浏览器:

ChromeIEFirefoxSafariOpera
Chrome 63Edge 79Firefox 57Safari 11Opera 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 的浏览器:

ChromeIEFirefoxSafariOpera
Chrome 63Edge 18Firefox 58Safari 11.1Opera 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 属性的浏览器:

ChromeIEFirefoxSafariOpera
Chrome 60Edge 79Firefox 55Safari 11.1Opera 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 功能的浏览器:

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