Promise 是 JavaScript 中处理异步操作的对象，它可以帮助我们更加灵活地组织异步代码。 Promise.allSettled() 是 Promise 的一个实例方法，它可以在多个 Promise 对象都被解析或拒绝时，返回一个 Promise，该 Promise 的结果是一个数组，该数组的每个元素都表示一个 Promise 是否已被解析或拒绝的状态信息。
Promise.all() 与 Promise.allSettled() 的区别
在介绍 Promise.allSettled() 的使用前，还需要先了解一下 Promise.all() 的使用。 Promise.all() 与 Promise.allSettled() 都是用于等待多个异步操作完成后返回结果的方法。它们的主要区别在于，Promise.all() 返回的 Promise 实例只有当所有 Promise 都解决后才会解决，如果其中任何一个 Promise 被拒绝，则返回的 Promise 将被拒绝，并返回第一个被拒绝的 Promise 的理由。 而 Promise.allSettled() 则是等待所有 Promise 完成后返回一个数组，该数组中包含了每个 Promise 对象的状态信息，包括 Promise 解决后的值或 Promise 被拒绝时的理由。
Promise.allSettled() 的使用方法
Promise.allSettled() 接收一个 Promise 对象数组，该数组中的每个 Promise 对象可以被解决或被拒绝。当所有 Promise 对象都已完成时，Promise.allSettled() 将返回一个 Promise 实例，该实例包含一个数组，其中包含了每个 Promise 对象的状态信息，无论该 Promise 对象是否被解决或被拒绝。
下面是 Promise.allSettled() 的使用示例：
----- -- - ------------------- ----- -- - ------------------------ ----- -- - ------------------------ ----------------------- --- ------------------ -- - -------------------- ---
上述代码中，我们使用了三个 Promise 对象，其中第一个 Promise 对象 p1 是被解决的，第二个 Promise 对象 p2 是被拒绝的，第三个 Promise 对象 p3 是被解决的。在将这三个 Promise 对象传递给 Promise.allSettled() 后，我们使用 then() 方法来处理返回的结果。 所得结果如下：
- - ------- ------------ ------ - -- - ------- ----------- ------- ------- -- - ------- ------------ ------ ------ - -
上述代码中返回了一个数组，其中每个对象包含了每个 Promise 对象的状态信息。 第一个元素包含 p1 的状态信息，因为该 Promise 对象被解决了，所以 status 为 fulfilled 而 value 为 1 ，表示该 Promise 返回了一个值1 。第二个元素包含 p2 的状态信息，因为该 Promise 对象被拒绝了，所以 status 为 rejected 而 reason 为 error ，表示该 Promise 被拒绝了且理由是 error 。第三个元素包含的是 p3 的状态信息，因为该 Promise 对象也被解决了。
Promise.allSettled() 的注意事项
在使用 Promise.allSettled() 的过程中需要注意以下几点：
- Promise.allSettled() 方法的返回值是一个数组，其中每个元素都是包含当前 Promise 对象的解决状态的对象。需要用 then() 方法获取结果。
- 如果想要等待所有 Promise 对象被解决了，而不仅仅是等待所有 Promise 对象都完成了，就应该使用 Promise.all() 方法。
- 使用 Promise.allSettled() 后可能会出现比较慢的情况，因为它需要等待每个异步操作完成，并且每个异步操作都需要处理出结果。如果使用错误，则有可能造成性能问题。
结论
Promise.allSettled() 方法是一种处理异步操作的有用工具，它可以帮助我们更加灵活地组织异步代码。 通过了解 Promise.allSettled() 的使用方法和注意事项后，我们可以更加准确地将其应用于实际代码中，从而更好地处理异步操作，提高代码质量和效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/670f6b055f55128102643d84