ES9，也称为 ECMAScript 2018，是 JavaScript 的第九个版本，于2018年6月发布。它包含了一些非常实用的新特性，让我们一起来了解一下。
异步迭代
在 ES9 中，我们可以使用 for-await-of 语法来进行异步迭代。这意味着我们可以使用 await 关键字来等待 Promise 对象的解决，然后再进行下一次迭代。这对于处理异步数据非常有用，例如处理文件或数据库中的数据。
下面是一个使用 for-await-of 的示例代码：
async function processArray(array) {
for await (let item of array) {
console.log(item);
}
}
const myArray = [Promise.resolve(1), Promise.resolve(2), Promise.resolve(3)];
processArray(myArray);Promise.prototype.finally()
在 ES9 中，Promise 对象新增了一个 finally() 方法，它可以在 Promise 对象无论成功或失败都会执行。这对于处理清理操作非常有用，例如关闭文件或数据库连接。
下面是一个使用 finally() 的示例代码：
-- -------------------- ---- -------
-------- ----------- -
------ -----------------------------------------------------
-------------- -- ----------------
---------- -- ------------------
------------ -- -------------------
----------- -- ------------------------ -------------
-
------------Rest/Spread 属性
在 ES9 中，我们可以使用 Rest/Spread 属性来简化操作对象和数组的代码。Rest 属性允许我们将剩余的属性放入一个新的对象中，而 Spread 属性允许我们将一个对象或数组展开为另一个对象或数组。
下面是一个使用 Rest/Spread 属性的示例代码：
const person = { name: 'John', age: 30, gender: 'Male' };
const { name, ...rest } = person;
console.log(name); // 'John'
console.log(rest); // { age: 30, gender: 'Male' }
const numbers = [1, 2, 3, 4, 5];
const newNumbers = [...numbers, 6, 7, 8];
console.log(newNumbers); // [1, 2, 3, 4, 5, 6, 7, 8]正则表达式命名捕获组
在 ES9 中，我们可以使用命名捕获组来更方便地从正则表达式中提取信息。命名捕获组允许我们为捕获的组设置一个名称，这样我们就可以更方便地引用它们。
下面是一个使用命名捕获组的示例代码：
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = regex.exec('2022-10-01');
console.log(match.groups.year); // '2022'
console.log(match.groups.month); // '10'
console.log(match.groups.day); // '01'结论
ES9 带来了许多实用的新特性，其中异步迭代、Promise.prototype.finally()、Rest/Spread 属性和正则表达式命名捕获组是最值得关注的。它们可以让我们更方便地处理异步数据、清理操作、操作对象和数组以及提取信息。如果你是一位前端开发人员，那么你应该学习并使用这些新特性来提高你的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67404f365ade33eb72331159