JavaScript 是一种非常流行的编程语言，它被广泛用于前端开发。每年，JavaScript 都会推出新的版本，添加新的功能和语法。而在 2018 年，ECMAScript 2018（简称 ES9）推出，它包含了许多新的功能，本文将详细介绍这些新功能，为读者提供深度的学习和指导意义。
异步迭代
异步迭代是 ES9 中最受欢迎的新功能之一。它允许我们在异步操作中使用 for...of 循环，这意味着我们可以在异步操作完成之前暂停循环。这对于处理大量数据或执行长时间运行的操作非常有用。
下面是一个简单的示例，展示了如何使用异步迭代来遍历异步生成器：
-- -------------------- ---- -------
----- --------- ---------------- -
----- --
----- --
----- --
-
----- -------- -------------- -
--- ----- ---- --- -- ----------------- -
-----------------
-
-
---------------在上面的代码中，我们使用 async function* 定义了一个异步生成器，它返回一组数字。然后，我们使用 for await 循环来遍历这些数字。由于异步生成器是异步的，因此我们必须使用 for await 而不是 for...of。
Promise.finally()
Promise.finally() 是另一个非常有用的新功能。它使我们能够在 Promise 链的末尾执行一些代码，无论 Promise 是否成功或失败。这对于清理资源或执行最终操作非常有用。
下面是一个示例，展示了如何使用 Promise.finally()：
fetch('https://api.github.com/users/github')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
.finally(() => console.log('请求完成'));在上面的代码中，我们使用 fetch() 函数获取 GitHub 用户的信息。然后，我们使用 Promise 链来处理响应。无论 Promise 成功还是失败，我们都会在最后使用 finally() 来输出一条消息。
Rest/Spread 属性
Rest/Spread 属性是另一个非常有用的新功能。它允许我们在对象和数组中使用 ... 运算符来展开和收集属性。这使得我们能够更轻松地处理对象和数组，特别是在函数参数中。
下面是一个示例，展示了如何使用 Rest/Spread 属性：
const person = { name: '张三', age: 20, country: '中国' };
const { country, ...info } = person;
console.log(info); // { name: '张三', age: 20 }在上面的代码中，我们使用 Rest 属性来收集 person 对象中除了 country 属性之外的所有属性。然后，我们使用 Spread 属性将这些属性展开到一个新的对象中。
正则表达式命名捕获组
正则表达式命名捕获组是另一个非常有用的新功能。它允许我们使用命名捕获组来匹配文本，并使用名称而不是索引来引用这些组。这使得正则表达式更容易理解和维护。
下面是一个示例，展示了如何使用正则表达式命名捕获组：
const text = 'JavaScript 是一种流行的编程语言'; const regex = /(?<language>JavaScript)/; const match = regex.exec(text); console.log(match.groups.language); // 'JavaScript'
在上面的代码中，我们使用 (?<name>pattern) 的语法来定义一个命名捕获组。然后，我们使用 match.groups.name 来引用这个组。
其他新功能
除了上面列出的功能之外，ES9 还包含了许多其他新功能，如：
- 同步迭代器
- Promise.prototype.finally()
- Rest/Spread 属性
- 正则表达式命名捕获组
- 异步生成器
- for...await...of 循环
结论
ES9 包含了许多新的功能和语法，这些功能和语法使得 JavaScript 更加强大和易于使用。本文介绍了 ES9 中最受欢迎的新功能，包括异步迭代、Promise.finally()、Rest/Spread 属性和正则表达式命名捕获组。通过学习这些新功能，我们可以更好地理解 JavaScript，并写出更好的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675a8bac4b9d41201ab83914