ES9 是 ECMAScript 最新发布的版本，也称为 ES2018。这个版本新增了很多有用的特性和功能，对于前端开发者来说，这些特性将会帮助我们更加高效地构建 Web 应用。以下是 ES9 的一些重要的特性。
Rest/Spread 属性操作符
Rest/Spread 属性操作符是 ES6 中引入的但是被忽略的一部分，ES9 中它们又回来了。Rest 和 Spread 操作符可以让开发者更加方便地处理数组、对象等数据结构。
- Rest 操作符：用于将一个数组或对象中的所有元素传递给一个函数。例如：
function myFunc(...args) {
console.log(args);
}
myFunc(1, 2, 3, 4); // [ 1, 2, 3, 4 ]- Spread 操作符：用于将一个数组中的所有元素传递给另一个数组。例如：
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const newArr = [...arr1, ...arr2]; console.log(newArr); // [ 1, 2, 3, 4, 5, 6 ]
Promise.prototype.finally()
Promise.prototype.finally() 方法返回一个 Promise，并在 Promise 被 resolved 或 rejected 后执行特定的操作。这个方法可以用于给 Promise 加一个 finally 子句。
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
------------------ -- -
-------------------- ------------
--
-------------- -- -
--------------------
--
-------------- -- -
-------------------
---正则表达式命名捕获组
ES9 中引入了一种新的正则表达式语法，即命名捕获组。它可以让你通过名称引用正则表达式中的捕获组。
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = regex.exec("2022-12-31");
console.log(match.groups.year); // 2022
console.log(match.groups.month); // 12
console.log(match.groups.day); // 31Async 迭代器
ES9 中引入了 Async 迭代器，它可以让 async 函数更加方便地处理异步数据流。Async 迭代器可以用于处理异步数据，例如从网络下载大量数据时。
-- -------------------- ---- -------
----- ------- - -- -- -
------ --- --------------- -- -
------------- -- -
----- ---- - ------------------------ - -----
--------- ------ ----- ----- ---- --- - ---
-- -----
---
--
----- ------------- - -
----- ----- -------- -- -
------ ----- ----------
-
--
----- ------- - ----- -------- -- -
--- ----- ------ ---- -- -------------- -
------------------
-- ----------- -
------
-
-
--
----------总结
ES9 引入了很多有用的新特性和语法，这些特性和语法可以帮助我们更加轻松地处理异步操作、迭代器、正则表达式等内容。学习并掌握这些特性，可以让我们更加高效地开发 Web 应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b5fa5badd4f0e0ffeb3058