ES9（ECMAScript 2018）是 JavaScript 的最新版本，它带来了许多新特性，其中包括更好的异步编程和更安全的正则表达式。本文将详细介绍这些新特性，并提供示例代码和学习指导。
更好的异步编程
在 JavaScript 中，异步编程是非常重要的，因为它可以避免阻塞主线程，从而提高应用程序的性能。ES9 带来了两个新的异步编程特性，分别是异步生成器和 Promise.prototype.finally() 方法。
异步生成器
异步生成器是一种生成器函数，可以使用异步函数作为 yield 表达式，从而实现异步迭代器。它可以通过在函数名前加上 async 关键字来声明一个异步函数，然后在函数体内使用 yield 关键字来暂停函数执行，并返回一个 Promise 对象。
下面是一个简单的示例代码，它使用异步生成器来生成一个包含 10 个随机数的数组：
// javascriptcn.com 代码示例
async function* generateRandomNumbers(count) {
for (let i = 0; i < count; i++) {
yield new Promise(resolve => setTimeout(() => {
resolve(Math.floor(Math.random() * 100));
}, 1000));
}
}
(async function() {
const numbers = [];
for await (const number of generateRandomNumbers(10)) {
numbers.push(number);
}
console.log(numbers);
})();在上面的示例代码中，generateRandomNumbers() 函数是一个异步生成器，它使用 for 循环和 yield 关键字来生成一个包含 10 个随机数的数组。在 for 循环中，我们使用 await 关键字来等待 Promise 对象的解析，并将解析后的值赋值给 number 变量。最后，我们将这些随机数添加到一个数组中，并使用 console.log() 函数将其打印出来。
Promise.prototype.finally() 方法
Promise.prototype.finally() 方法是一个可以在 Promise 对象完成后执行的回调函数。它与 Promise.prototype.then() 方法类似，但是它不管 Promise 对象是成功还是失败，都会执行回调函数。
下面是一个简单的示例代码，它使用 Promise.prototype.finally() 方法来在 Promise 对象完成后输出一条消息：
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
.finally(() => console.log('Fetch completed.'));在上面的示例代码中，我们使用 fetch() 函数来获取一个 JSON 数据，并使用 Promise 对象链式调用 then() 和 catch() 方法来处理 Promise 对象。最后，我们使用 Promise.prototype.finally() 方法来在 Promise 对象完成后输出一条消息。
更安全的正则表达式
正则表达式是一种强大的工具，可以用于字符串匹配和替换。但是，它们也可能导致安全漏洞。ES9 带来了两个新的正则表达式特性，分别是命名捕获组和 s 修饰符。
命名捕获组
命名捕获组是一种可以为正则表达式中的捕获组命名的方式。它可以使正则表达式更易读和维护，并且可以避免混淆和错误。
下面是一个简单的示例代码，它使用命名捕获组来匹配一个日期字符串：
const dateRegex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const dateMatch = dateRegex.exec('2022-05-31');
console.log(dateMatch.groups.year); // 输出：2022
console.log(dateMatch.groups.month); // 输出：05
console.log(dateMatch.groups.day); // 输出：31在上面的示例代码中，我们使用命名捕获组来匹配一个日期字符串，并使用 exec() 方法返回一个包含捕获组的对象。最后，我们使用 groups 属性来访问捕获组中的值。
s 修饰符
s 修饰符是一种可以使点号（.）匹配任何字符，包括换行符的修饰符。它可以使正则表达式更灵活和强大，并且可以避免一些安全漏洞。
下面是一个简单的示例代码，它使用 s 修饰符来匹配一个包含换行符的字符串：
const multilineRegex = /hello.world/s;
console.log(multilineRegex.test('hello\nworld')); // 输出：true在上面的示例代码中，我们使用 s 修饰符来使点号（.）匹配任何字符，包括换行符，并使用 test() 方法来测试一个包含换行符的字符串是否匹配正则表达式。
总结
ES9 带来了许多新特性，其中包括更好的异步编程和更安全的正则表达式。异步生成器和 Promise.prototype.finally() 方法可以使异步编程更加简单和灵活，命名捕获组和 s 修饰符可以使正则表达式更易读和维护，并且可以避免一些安全漏洞。如果您想学习这些新特性，可以使用本文提供的示例代码和学习指导。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657c436cd2f5e1655d71128f