在 ECMAScript 2020（ES11）中，Promise.allSettled() 方法被正式引入，它可以用于将多个 Promise 实例组合成一个新的 Promise 实例，然后返回一个所有 Promise 实例状态的集合。在本文中，我们将深入探讨该方法的解析、用法和示例。
Promise.all() 与 Promise.allSettled() 的区别
在深入介绍 Promise.allSettled() 方法之前，我们需要首先了解 Promise.all() 方法。Promise.all() 方法可以将一组 Promise 实例组合成一个新的 Promise 实例，然后返回一个所有 Promise 实例状态的集合。例如：
const promise1 = Promise.resolve(1);
const promise2 = Promise.resolve(2);
const promise3 = Promise.resolve(3);
Promise.all([promise1, promise2, promise3]).then((values) => {
console.log(values); // [1, 2, 3]
});上述示例代码中，我们创建了三个 Promise 实例，每个实例返回一个不同的值。然后我们使用 Promise.all() 方法将这三个 Promise 实例组合成一个新的 Promise 实例，当这三个 Promise 实例都成功时，新的 Promise 实例也将成功并返回所有 Promise 实例的结果。
但是，Promise.all() 方法还有一个限制：如果其中任何一个 Promise 实例失败（rejected），那么整个 Promise.all() 将在该 Promise 实例失败的瞬间被拒绝（rejected）。因此，Promise.all() 方法只有在所有 Promise 实例都成功时才能成功，一旦有任何 Promise 实例失败，它就将失败。
与 Promise.all() 方法不同，Promise.allSettled() 方法不会在 Promise 实例失败时拒绝（rejected），而是会等待所有 Promise 实例都完成（无论成功还是失败），然后返回一个 Promise 实例，该 Promise 实例表示所有 Promise 实例的状态。例如：
-- -------------------- ---- -------
----- -------- - -------------------
----- -------- - ------------------------
----- -------- - -------------------
----------------------------- --------- ------------------------- -- -
---------------------
--
-
- ------- ------------ ------ - --
- ------- ----------- ------- ------- --
- ------- ------------ ------ - -
-
--
---上述示例代码中，我们创建了三个 Promise 实例，其中一个是失败的。然后我们使用 Promise.allSettled() 方法将这三个 Promise 实例组合成一个新的 Promise 实例，当这三个 Promise 实例都完成后，新的 Promise 实例将成功并返回所有 Promise 实例的状态。此时返回的结果将是一个数组，其中每个元素都是一个对象，该对象代表一个 Promise 实例的完成状态，对象包含两个属性：status 表示状态（"fulfilled" 或 "rejected"），value 或 reason 则分别表示该 Promise 实例成功的结果或失败的原因。
Promise.allSettled() 的使用
Promise.allSettled() 方法接收一个包含多个 Promise 实例的数组作为参数，例如：
const promises = [promise1, promise2, promise3];
Promise.allSettled(promises)
.then((results) => {
console.log(results);
})
.catch((error) => {
console.log(error);
});上述代码中，我们将三个 Promise 实例组合成一个新的 Promise 实例，然后使用 then() 方法来处理状态成功时的结果和 catch() 方法来处理状态失败时的错误消息。
Promise.allSettled() 的指导意义
Promise.allSettled() 方法在实际开发中非常有用，可以用于消除 Promise.all() 方法的限制。由于 Promise.all() 方法只能在所有 Promise 实例都成功时才能成功，而 Promise.allSettled() 方法则可以返回所有 Promise 实例的状态，因此开发人员可以使用 Promise.allSettled() 方法来处理 Promise 实例的失败情况。
Promise.allSettled() 示例代码
以下是 Promise.allSettled() 方法的示例代码：
-- -------------------- ---- -------
----- --------- - -------------------
----- ----------- - ------------------------
----- ------------ - --------------------
------------------------------ ------------ ----------------------------- -- -
--- ---- - ---
------------------------ -- -
-- -------------- --- ------------ -
-- ------------- --- --- -------
--- ---- --- -- ------------- -
--------- - ------------------
-
-
---
------------------ -- - ------- -- ---------- -- -
---上述代码中，我们使用 Promise.allSettled() 方法将三个 Promise 实例组合成一个新的 Promise 实例，然后使用 forEach() 方法遍历返回的结果集合。对于每个成功的 Promise 实例，我们使用 for...in 循环获取的数据，并将数据添加到 user 对象中。最后打印 user 对象，其中包含 userId 和 userPosts 属性。即使其中一个 Promise 实例失败，该示例代码也会成功执行，并返回该创建的对象 with userId 。
结论
在 ECMAScript 2020 中，Promise.allSettled() 方法是最新的、强大的 Promise 集合方法之一。本文中，我们详细介绍了 Promise.allSettled() 方法的用法、介绍了 Promise.all() 方法和 Promise.allSettled() 方法的区别，并提供了示例代码来帮助您进一步了解 Promise.allSettled() 方法的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67147424ad1e889fe213dff0