前言
在前端开发中，我们经常会使用 Promise 来处理异步操作。Promise 提供了一个链式调用的方式，可以避免回调地狱的情况。但是，有些情况下我们需要同时处理多个异步操作，并在所有操作完成后统一处理结果，这个时候我们就需要使用 Promise.all() 方法。然而，Promise.all() 方法只有当所有 Promise 都成功时才会返回成功结果，并且一旦有一个 Promise 失败就会返回失败结果。如果我们需要在所有 Promise 完成后不管成功还是失败都进行处理，那么我们就需要使用 ECMAScript 2021 新增的 Promise.allSettled() 方法。本文将深入浅出介绍 Promise.allSettled() 方法，包括其用法、示例和注意事项。
Promise.allSettled() 方法的用法
Promise.allSettled() 方法接受一个 Promise 数组作为参数，并返回一个新的 Promise。当传入的所有 Promise 都完成后，返回的 Promise 对象会带有一个数组，包含着每个 Promise 完成后的状态。每个状态都是一个对象，其中包含了状态值和完成值。状态值有两种：fulfilled 和 rejected，分别代表成功和失败；完成值即成功或失败的任何值。一个示例代码如下：
-- -------------------- ---- ------- --- -------- - - ------------------------ ---- ----------------------- ---- ------------------------ ---- -- ------------------------------------------- -- - ------------------------ -- --------------------- ---
输出:
Object { status: "fulfilled", value: "Promise 1" }
Object { status: "rejected", reason: "Promise 2" }
Object { status: "fulfilled", value: "Promise 3" }Promise.allSettled() 方法的示例
下面是一个使用 Promise.allSettled() 方法的示例。在这个示例中，我们使用 fetch() 方法获取三个不同的 API，并利用 Promise.allSettled() 方法在它们全部完成后显示它们的结果。
-- -------------------- ---- -------
----- ---- - -
---------------------------------------------
------------------------------------------------
----------------------------------------------
--
----- -------- - -------------- -- ------------
----------------------------
--------------- -- -
------------------------ -- -
-- -------------- --- ------------ -
--------------------------
- ---- -
---------------------------
-
---
--
-------------- -- --------------------Promise.allSettled() 方法的注意事项
在使用 Promise.allSettled() 方法时要注意以下事项：
当传入的 Promise 数组为空时，Promise.allSettled() 方法会立即返回一个已完成的 Promise 对象，其状态为 fulfilled。
返回的 Promise 对象的状态总是 fulfilled，即使其中的 Promise 出现了错误。这意味着即使其中的 Promise 失败，我们仍然可以获取每个 Promise 的状态值和完成值。
传入的 Promise 数组中不一定是全都是 Promise 对象，还可以是包含 Promise 对象的任何迭代器对象。
结论
Promise.allSettled() 方法是 ECMAScript 2021 中新增的一个方法，用于处理多个 Promise 的情况。它可以在所有 Promise 完成后，返回一个包含每个 Promise 的状态和完成值的数组。与 Promise.all() 不同的是，Promise.allSettled() 方法不会在出现错误时立刻返回，而是会等待所有 Promise 完成后再返回。在实际开发中，我们经常需要同时处理多个异步操作，并在所有操作完成后统一处理结果，因此 Promise.allSettled() 方法成为了解决这类问题的利器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674e7537e884a3e30f276917