Promise.allSettled()

Promise.allSettled() 是 JavaScript 中的一个方法，用于处理多个 Promise，并且在所有 Promise 都已被处理（无论是成功还是失败）之后返回一个 Promise 对象。与 Promise.all() 不同，Promise.allSettled() 不会在某个 Promise 被拒绝时立即失败，而是等待所有 Promise 都完成。

语法

Promise.allSettled(iterable);

•iterable 是一个可迭代对象（如数组），其中的每个元素都是一个 Promise。

返回值

返回一个新的 Promise，该 Promise 在所有给定的 Promise 都已被处理之后完成，并且返回一个数组对象，每个对象对应于每个 Promise 的结果。

结果对象

每个结果对象有两个属性：

•status: 表示 Promise 的最终状态，可以是 "fulfilled" 或 "rejected"。•value: 如果状态是 "fulfilled"，则包含 Promise 的值。•reason: 如果状态是 "rejected"，则包含拒绝的原因。

示例

const promise1 = Promise.resolve(100);
const promise2 = Promise.reject('Error occurred');
const promise3 = Promise.resolve(200);


Promise.allSettled([promise1, promise2, promise3])
  .then((results) => {
    results.forEach((result) => {
      if (result.status === 'fulfilled') {
        console.log(`Fulfilled with value: ${result.value}`);
      } else {
        console.log(`Rejected with reason: ${result.reason}`);
      }
    });
  });

在这个示例中，Promise.allSettled() 会等待 promise1、promise2 和 promise3 都完成。然后，它会返回一个包含每个 Promise 结果的数组，并且每个结果对象会包含 status 和 value 或 reason 属性。

使用场景

Promise.allSettled() 非常适合在你需要等待多个异步操作完成，但这些操作的成功与否并不影响其他操作时。例如：

•当你需要获取多个 API 的响应，并且每个响应的成功或失败都不应该阻止其他响应的处理。•当你需要记录多个异步操作的结果，无论它们是否成功。

对比 Promise.all()

•Promise.all(): 如果任何一个 Promise 被拒绝，整个返回的 Promise 就会被拒绝。•Promise.allSettled(): 等待所有 Promise 都完成，不论它们的结果是成功还是失败。

小结

Promise.allSettled() 提供了一种处理多个异步操作的灵活方式，使你能够在所有操作完成后统一处理结果，而不必担心其中某一个操作失败会影响整体流程。