在前端开发中，JavaScript 是必不可少的一部分，而 ECMAScript 就是 JavaScript 的标准化规范。ECMAScript 2018（简称 ES9）是 ECMAScript 的最新版本，带来了很多新特性和改进，本文将对 ES9 中的一些新特性进行详细介绍。
1. 异步迭代器
在 ES6 中，我们已经可以使用迭代器遍历数组、字符串等数据结构了。而在 ES9 中，我们可以使用异步迭代器来遍历异步数据结构，例如异步生成器、Promise 等。异步迭代器需要实现一个 Symbol.asyncIterator 方法，返回一个异步迭代器对象。下面是一个使用异步迭代器遍历异步生成器的示例代码：
-- -------------------- ---- -------
----- --------- ----- -
----- -------------------
----- -------------------
----- -------------------
-
----- -------- ------ -
--- ----- ------ ----- -- ------ -
-------------------
-
-
-------
-- ---- - -2. Promise.prototype.finally()
ES9 中，我们可以使用 finally() 方法来指定一个 Promise 结束时的回调函数，无论 Promise 成功还是失败都会执行。下面是一个使用 finally() 方法的示例代码：
-- -------------------- ---- ------- -------------------------- ------------ -- -------------------- ------------ -- ------------------- ----------- -- ------------------------ ----------------------- ------------ -- -------------------- ------------ -- ------------------- ----------- -- ------------------------ -- ---------- ------- ----- -------
3. 正则表达式命名捕获组
在 ES9 中，我们可以使用命名捕获组来更加方便地获取正则表达式匹配的结果。命名捕获组使用 (?<groupName>...) 的语法来定义，下面是一个使用命名捕获组的示例代码：
const re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const result = re.exec('2021-06-30');
console.log(result.groups);
// 输出：{year: "2021", month: "06", day: "30"}4. Rest/Spread 属性
在 ES9 中，我们可以使用 Rest/Spread 属性来更加方便地操作对象和数组。Rest 属性可以将剩余的属性打包成一个新对象，而 Spread 属性可以将一个对象或数组展开成多个属性。下面是一个使用 Rest/Spread 属性的示例代码：
-- -------------------- ---- ------- ----- ------ - - ----- ----- ---- --- ------- ---- -------- ----- -- ----- - ----- ---- -------- - - ------- ----------------- ---- ------- -- ----- -- -------- ---- -------- ------ ----- ---- - --- -- --- ----- ---- - --- -- --- ----- ---- - --------- --------- ------------------ -- ------ -- -- -- -- --
5. 其他新特性
除了上述四个新特性外，ES9 还带来了一些其他的新特性，例如：
Object.fromEntries()方法：可以将一个键值对数组转换成一个对象。String.prototype.trimStart()和String.prototype.trimEnd()方法：可以分别去除字符串开头和结尾的空格。- 异步生成器可以直接使用
return语句结束迭代器。
结语
ES9 带来了很多新特性和改进，可以让我们更加方便地进行前端开发。本文对 ES9 中的一些新特性进行了详细介绍，并提供了相应的示例代码。希望本文能对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6788bdad09307066474d7f44
