Promise.allSettled() 方法的使用及注意事项-JavaScript中文网-JavaScript教程资源分享门户

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() 的使用示例：

const p1 = Promise.resolve(1);
const p2 = Promise.reject('error');
const p3 = Promise.resolve('test');

Promise.allSettled([p1, p2, p3]).then((result) => {
  console.log(result);
});

上述代码中，我们使用了三个 Promise 对象，其中第一个 Promise 对象 p1 是被解决的，第二个 Promise 对象 p2 是被拒绝的，第三个 Promise 对象 p3 是被解决的。在将这三个 Promise 对象传递给 Promise.allSettled() 后，我们使用 then() 方法来处理返回的结果。所得结果如下：

[
  { status: "fulfilled", value: 1 },
  { status: "rejected", reason: "error" },
  { status: "fulfilled", value: "test" }
]

上述代码中返回了一个数组，其中每个对象包含了每个 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