ES9（ECMAScript 2018）即将发布，这是 JavaScript 的最新版本，也是前端开发者必须要掌握的知识点之一。ES9 新增了许多功能，使得 JavaScript 变得更加优秀。本文将介绍 ES9 的新功能，并提供示例代码，帮助读者更好地理解和应用这些新功能。
1. 异步迭代器（Asynchronous Iteration）
异步迭代器是一个非常实用的功能，它允许我们在异步场景下，使用 for...await...of 语法遍历异步数据流。在 ES9 之前，我们无法使用 for...of 语法遍历异步流，需要使用回调函数或者 Promise 来实现异步遍历。
以下是一个使用异步迭代器遍历异步数据流的示例代码：
-- -------------------- ---- -------
----- --------- ---------------- -
----- --
----- --
----- --
-
----- -------- --------------- -
--- ----- ---- --- -- ----------------- -
-----------------
-
-
----------------2. Promise.finally()
Promise.finally() 是一个新的方法，它可以让我们在 Promise 完成或者失败后，执行一些必要的清理操作。Promise.finally() 方法接收一个回调函数作为参数，这个回调函数会在 Promise 完成或者失败后被调用。
以下是一个使用 Promise.finally() 方法的示例代码：
-- -------------------- ---- -------
--------------------------
-------------- -- -
--------------------
--
-------------- -- -
---------------------
--
----------- -- -
-----------------------
---3. Rest/Spread 属性（Rest/Spread Properties）
ES9 引入了 Rest/Spread 属性，这个功能可以让我们更方便地操作对象和数组。Rest 属性可以将一个对象或者数组中的其余属性打包成一个新的对象或者数组，而 Spread 属性则可以将一个对象或者数组中的所有属性展开为独立的变量。
以下是一个使用 Rest/Spread 属性的示例代码：
-- -------------------- ---- ------- ----- ------ - - ----- ------ ---- --- ------- ------- -- ----- - ----- ------- - - ------- ------------------ ------------------ ----- ---- - --- -- --- ----- ---- - --- -- --- ----- ---- - --------- --------- ------------------
4. 正则表达式命名捕获组（Named Capture Groups）
ES9 引入了正则表达式命名捕获组，这个功能可以让我们更方便地从正则表达式匹配的结果中提取数据。命名捕获组可以给每个捕获组指定一个名称，这样我们就可以通过名称来提取对应的数据。
以下是一个使用正则表达式命名捕获组的示例代码：
const str = '2021-01-01';
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const result = str.match(regex);
console.log(result.groups.year);
console.log(result.groups.month);
console.log(result.groups.day);5. 其他新功能
除了以上介绍的新功能之外，ES9 还引入了一些其他的新功能，包括：
- Promise.prototype.finally()
- RegExp Unicode Property Escapes
- RegExp Lookbehind Assertions
- s (dotAll) Flag for Regular Expressions
结论
ES9 引入了许多新功能，使得 JavaScript 变得更加优秀。在实际开发中，我们可以根据需要选择使用这些新功能，以提高代码的可读性和可维护性。希望本文可以帮助读者更好地理解和应用 ES9 的新功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673e3c5a90e7ed93bee2589d