ECMAScript 2018 (ES9) 是JavaScript的最新版本，引入了一些重要的功能和语言增强，其中包括异步迭代器，rest/spread 属性，正则表达式的命名捕获组等等。本文将重点介绍这些变化，并附有相应的示例代码。
异步迭代器
异步迭代器是一个返回 Promise 的迭代器，以便于我们读取异步数据。这是一个强大的功能，它允许我们在读取网络或文件等外部数据时，与 JavaScript 的迭代器协议一起使用。
以下是一个简单的示例，演示了如何使用一个异步迭代器访问 HTTP 响应数据:
-- -------------------- ---- -------
----- --------- --------------- -
--- ------ --- -- ----- -
----- ----- -----------
-
-
------ -- -- -
--- ----- ------ -------- -- -----------
-------------------------
-----------------------
------------------------
--- -
----------------- -----------------
-
-----rest/spread 属性
ES9 引入了一个新的语法，可用于避免不必要的值复制。该功能提供了简洁的数组和对象声明语法。
下面是使用新功能的示例代码：
const { a, b, ...rest } = { a: 1, b: 2, c: 3, d: 4 };
console.log(a); // 1
console.log(b); // 2
console.log(rest); // { c: 3, d: 4 }正则表达式的命名捕获组
ES9 中，正则表达式支持命名捕获组。这允许我们命名一个表达式，并在模式匹配期间直接获取命名的结果。
下面是一个使用命名捕获组的示例代码：
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = regex.exec("2018-04-08");
console.log(match.groups.year); // 2018
console.log(match.groups.month); // 04
console.log(match.groups.day); // 08Promise.finally 方法
ES9 引入了 Promise.finally 方法，该方法让我们为 Promise 链添加一个 finally 处理程序。这个 finally 代码块在 Promise 链正常完成或被拒绝之后都会执行。
下面是使用 Promise.finally 方法的示例代码：
-- -------------------- ---- -------
-------------------
-------------- -- ----------------
---------- -- -
-- -- --------- ---- ----
--
------------ -- -
-- ------ -----
--
----------- -- -
-------------------- ------------
---结论
ECMAScript 2018（ES9）带来了许多优秀的功能和语言增强，上述功能只是冰山一角。学习和掌握这些功能可以大大提高我们在前端开发中的效率和编码体验。希望该文可以对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fcc73b447136260173025c