随着 JavaScript 语言的不断发展，ES2021 中又新增了一些特性，其中 await Promise.allSettled 是一个非常实用的特性。本文将详细介绍 await Promise.allSettled 的使用方法及其深度和学习意义，并提供示例代码。
什么是 Promise.allSettled
在介绍 await Promise.allSettled 之前，我们先来回顾一下 Promise 的用法。Promise 是一种异步编程的解决方案，它可以让我们更方便地处理异步任务，避免回调地狱等问题。在 Promise 中，我们经常使用 Promise.all 方法来处理多个异步任务的并行执行。但是，Promise.all 方法有一个问题，就是当其中一个 Promise 出现异常时，整个 Promise 链都会被中断，这就导致了某些场景下无法满足需求。
为了解决这个问题，ES2020 引入了 Promise.allSettled 方法。Promise.allSettled 方法会等待所有 Promise 都执行完毕，不管 Promise 是成功还是失败，最终返回一个数组，数组中包含每个 Promise 的执行结果，每个执行结果都有一个 status 属性，表示 Promise 的状态。
await Promise.allSettled 的使用方法
有了 Promise.allSettled 方法，我们就可以更好地处理多个异步任务的并行执行了。在 ES2021 中，我们还可以使用 await Promise.allSettled 来等待所有 Promise 执行完毕，这样可以更方便地获取每个 Promise 的执行结果。
下面是 await Promise.allSettled 的使用方法：
const result = await Promise.allSettled([promise1, promise2, promise3]);
其中，promise1、promise2、promise3 是需要执行的 Promise，result 是一个数组，数组中包含每个 Promise 的执行结果。
每个执行结果都是一个对象，包含以下属性：
status：表示 Promise 的状态，可能的值为"fulfilled"（已完成）或"rejected"（已拒绝）。value：表示 Promise 的返回值，如果 Promise 被拒绝，则该属性为undefined。reason：表示 Promise 被拒绝的原因，如果 Promise 已完成，则该属性为undefined。
示例代码
下面是一个示例代码，展示了如何使用 await Promise.allSettled 来处理多个异步任务的并行执行：
-- -------------------- ---- -------
----- -------- --------------- -
----- -------- - ------------ -- ------------
----- ------- - ----- -----------------------------
----- ---- - -------
-------------- -- ------------- --- ------------
----------- -- ---------------------
------ ------------------
-
------------------------ ------------- --------------
---------- -- ------------------
------------ -- ----------------------在上面的代码中，我们首先定义了一个 fetchData 函数，该函数接收一个 URL 数组作为参数，然后使用 fetch 方法来获取每个 URL 的数据。接着，我们使用 Promise.allSettled 方法来等待所有的 Promise 执行完毕，并获取每个 Promise 的执行结果。最后，我们将执行结果中状态为 "fulfilled" 的 Promise 的返回值转换为 JSON 数据，并使用 Promise.all 方法来等待所有的 JSON 数据都获取完毕。
深度和学习意义
await Promise.allSettled 是 ES2021 中非常实用的一个特性，它可以让我们更方便地处理多个异步任务的并行执行。使用 await Promise.allSettled，我们可以轻松地获取每个 Promise 的执行结果，不管 Promise 是成功还是失败。这个特性在某些场景下非常有用，比如在处理数据依赖关系时。
除了 await Promise.allSettled，ES2021 中还有很多其他的新特性，比如 String.prototype.replaceAll 方法、WeakRefs 和 Promise.any 方法等。学习这些新特性可以让我们更好地掌握 JavaScript 语言，提高开发效率，避免一些常见的错误和问题。
总之，ES2021 中的 await Promise.allSettled 特性非常实用，我们应该在实际开发中加以应用。同时，我们也应该不断学习新的 JavaScript 特性，提高自己的技能水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d9a932a941bf71341597a2
