ES9（ECMAScript 2018）是 JavaScript 的最新版本，其中包含了一些新的功能和用法，本文将对这些新功能和用法进行详细的介绍，帮助前端开发者更好地了解和使用它们。
1. 异步迭代
ES9 中新增了异步迭代器，它可以让我们在异步代码中使用 for...await...of 循环来遍历可迭代对象。异步迭代器是一个对象，它有一个名为 Symbol.asyncIterator 的方法，该方法返回一个异步迭代器对象。
下面是一个使用异步迭代器的示例代码：
-- -------------------- ---- -------
----- -------- --------------- -
--- - - --
----- -- - -- -
----- --- --------------- -- ------------------- -------
----- ----
-
-
----- -------- -------------- -
--- ----- ------ ----- -- ---------------- -
-------------------
-
-
---------------在上面的代码中，我们定义了一个异步可迭代对象 asyncIterable，并使用 for...await...of 循环来遍历它。在 asyncIterable 中，我们使用了一个 Promise 来模拟异步操作，每隔一秒钟返回一个新的值。
2. Promise.finally()
Promise.finally() 方法可以让我们在 Promise 被 resolved 或 rejected 后，无论如何都执行一些代码。这个方法的参数是一个函数，该函数在 Promise 被 resolved 或 rejected 后都会被调用。
下面是一个使用 Promise.finally() 方法的示例代码：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
-------
------------ -- --------------------
------------ -- -------------------
----------- -- ------------------------在上面的代码中，我们创建了一个 Promise，等待一秒钟后将其 resolved。然后我们使用 .then() 方法来处理 Promise 的 resolved 状态，并使用 .catch() 方法来处理 Promise 的 rejected 状态。最后，我们使用 .finally() 方法来执行一些在 Promise 被 resolved 或 rejected 后都需要执行的代码。
3. Rest/Spread 属性
ES9 中新增了 Rest/Spread 属性，它可以让我们使用更简洁的语法来操作对象和数组。Rest 属性可以将对象或数组中的剩余属性打包成一个新的对象或数组，Spread 属性可以将一个对象或数组中的所有属性展开到另一个对象或数组中。
下面是一个使用 Rest/Spread 属性的示例代码：
-- -------------------- ---- ------- ----- ---- - - -- -- -- -- -- - -- ----- ---- - - -------- -- - -- ------------------ -- - -- -- -- -- -- -- -- - - ----- ---- - --- -- --- ----- ---- - --- -- -- --------- ------------------ -- --- -- -- -- -- --
在上面的代码中，我们使用了 Rest/Spread 属性来操作对象和数组。在第一段代码中，我们使用 Spread 属性将 obj1 中的所有属性展开到 obj2 中，并添加了一个新的属性 d。在第二段代码中，我们使用 Spread 属性将 arr1 中的所有元素展开到 arr2 中。
4. 正则表达式命名捕获组
ES9 中新增了正则表达式命名捕获组，它可以让我们在正则表达式中使用命名捕获组来捕获匹配的字符串。命名捕获组是一个新的语法，它使用 (?<name>...) 的形式来定义。
下面是一个使用正则表达式命名捕获组的示例代码：
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = regex.exec("2021-05-01");
console.log(match.groups.year); // 2021
console.log(match.groups.month); // 05
console.log(match.groups.day); // 01在上面的代码中，我们定义了一个正则表达式，它使用命名捕获组来捕获日期中的年、月、日。然后我们使用 exec() 方法来执行正则表达式，并使用 match.groups 来获取捕获的值。
总结
ES9 中新增了许多有用的功能和用法，它们可以让我们在编写 JavaScript 代码时更加方便和高效。本文对 ES9 中的异步迭代、Promise.finally()、Rest/Spread 属性和正则表达式命名捕获组进行了详细的介绍，希望能够帮助前端开发者更好地了解和使用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/662778e7c9431a720c420fe3