如何使用 JavaScript 的 Promise.allSettled() 函数

Question

Promise.allSettled() 类似于 Promise.all() 有两个主要区别：

• allSettled() 无论其中一项承诺是否被拒绝，都会解决
• allSettled() 将返回一个对象数组，而不是一个数组，它包含 {status, value, reason} 描述每个承诺是被履行还是被拒绝。

回想一下， promise 是一个具有 3 个状态的状态机 ：

1. Pending 操作正在进行中。
2. Fulfilled 操作成功完成。
3. 已拒绝 操作遇到错误。

Settled 表示承诺要么被履行要么被拒绝，所以你可以想到 allSettled() 就像等待数组中的所有承诺都得到解决一样。

返回值

allSettled() 将包含一个对象数组，其中包含 {status: 'fulfilled', value} 如果承诺得到履行或 {status: 'rejected', reason} 如果承诺被拒绝。

// [{ status: "fulfilled", value: "Hello World" }, { status: "rejected", reason: "fail" }]
const res = await Promise.allSettled([Promise.resolve('Hello World'), Promise.reject('fail')]);

要检查是否有任何承诺被拒绝，您可以使用 Array#find() 功能 ：

res.find(({ status }) => status === 'rejected');

浏览器支持

allSettled() Internet Explorer 和低于 12.9 的 Node.js 版本不支持。 但是，您可以使用 Promise.all() 对于不支持的环境 allSettled() 如下所示：

function allSettled(promises) {
  const _promises = promises.map(p => {
    return p.
      then(value => ({ status: 'fulfilled', value })).
      catch(reason => ({ status: 'rejected', reason });
  });
  return Promise.all(_promises);
}