随着 JavaScript 的普及和发展，异步编程已经成为前端开发中不可或缺的一部分。ES11（也称为 ECMAScript 2020）引入了许多新的异步功能，这些功能可以帮助开发人员更轻松地管理异步代码并提高性能。本文将详细介绍 ES11 提供的异步功能，包括 async/await、Promise.allSettled()、String.prototype.matchAll() 等。
async/await
async/await 是 ES11 中最引人注目的新功能之一，它可以让异步编程更加简洁明了。async/await 是基于 Promise 的，它允许我们使用类似于同步代码的方式编写异步代码。
使用 async/await 的基本语法如下：
async function foo() {
const result = await someAsyncFunction();
console.log(result);
}在上面的代码中，foo() 函数使用 async 关键字声明，表明它是一个异步函数。someAsyncFunction() 是一个异步函数，它返回一个 Promise 对象。使用 await 关键字，我们可以暂停函数的执行，直到 Promise 对象被 resolve 或 reject。在这个例子中，我们将 someAsyncFunction() 的结果存储在 result 变量中并打印出来。
如果 someAsyncFunction() 返回一个 rejected Promise，我们可以使用 try/catch 语句来处理错误：
async function foo() {
try {
const result = await someAsyncFunction();
console.log(result);
} catch (error) {
console.error(error);
}
}除了使用 async/await 来处理单个 Promise，我们还可以使用它来处理 Promise 的数组。例如，我们可以使用 Promise.all() 和 async/await 来并行执行多个异步操作：
async function foo() {
const [result1, result2, result3] = await Promise.all([
someAsyncFunction1(),
someAsyncFunction2(),
someAsyncFunction3(),
]);
console.log(result1, result2, result3);
}Promise.allSettled()
Promise.allSettled() 是另一个有用的异步功能，它可以让我们同时处理多个 Promise，而不必担心其中一个 Promise 失败。Promise.allSettled() 返回一个 Promise，它将在所有 Promise 完成后 resolve，不管它们成功还是失败。返回的 Promise 的结果是一个对象数组，每个对象代表一个 Promise。每个对象都有一个 status 字段，它的值可以是 "fulfilled" 或 "rejected"，以及一个 value 或 reason 字段，分别代表 Promise 的解决值或拒绝原因。
下面是 Promise.allSettled() 的基本用法：
-- -------------------- ---- -------
----- -------- - -------------------- ------------------------ --------------------
----------------------------
--------------- -- -
---------------------
--
-------------- -- -
---------------------
---在上面的代码中，我们创建了一个包含三个 Promise 的数组。第一个 Promise 解决为 1，第二个 Promise 被拒绝为 "error"，第三个 Promise 解决为 3。我们使用 Promise.allSettled() 来并行执行这三个 Promise，并在所有 Promise 完成后打印结果。在这个例子中，我们期望得到以下输出：
[
{ status: "fulfilled", value: 1 },
{ status: "rejected", reason: "error" },
{ status: "fulfilled", value: 3 },
]String.prototype.matchAll()
ES11 还引入了一个新的字符串方法 String.prototype.matchAll()，它可以让我们更方便地在字符串中查找多个匹配项。String.prototype.matchAll() 返回一个迭代器对象，我们可以使用 for...of 循环遍历它，以获取每个匹配项的详细信息。
下面是 String.prototype.matchAll() 的基本用法：
-- -------------------- ---- ------- ----- --- - ------- ------ ------ ------------- ----- ----- - ------- --------- --- ------ ----- -- -------------------- - ---------------------- -- ------- ------- - ------- ------------ ---------------------- -- ------- - ------------ ------------------------- -- - - -- ------------------------- -- ------- ------ ------ ------------ -
在上面的代码中，我们使用正则表达式 /Hello, (\w+)!/g 来匹配字符串 str 中的 "Hello, world!" 和 "Hello, JavaScript!"。使用 str.matchAll(regex) 方法，我们得到一个迭代器对象，它包含两个匹配项。我们使用 for...of 循环遍历该对象，并打印每个匹配项的详细信息。
结论
ES11 提供了许多新的异步功能，包括 async/await、Promise.allSettled() 和 String.prototype.matchAll() 等。这些功能可以帮助开发人员更轻松地管理异步代码，并提高性能。在使用这些功能时，我们需要注意一些细节，例如错误处理和性能优化。希望本文能够对你理解 ES11 中的异步功能有所帮助，并指导你在实际项目中的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6754de471b963fe9cc50e672