36 – 新的 Promise 方法：allSettled & any

原文地址：https://dev.to/bhagatparwinder/new-promise-methods-allsettled-any-3ii9

简介

在之前的两篇文章中，我们已经覆盖了基础和高级的 promise 知识。还有两个不错的新操作符/方法，可以是代码更简洁，让我们一起来重温下它们。

allSettled

ES2020/ES11 引入了 Promise.allSettled，它确实很新同时使用的时候也需要当心。确定一下你打算支持的浏览器是否支持该特性。

当所有的 promises 结束（成功或失败）时，allSettled 就会返回一个 promise。返回的结果是对象组成数组，并且其中每个对象描述了输入 promise 的输出结果。

Promise.allSettled 与 Promise.all 有一些区别。

当输入其中的 promise 有失败时 Promise.all 会返回其中第一个失败的 promise 或全部成功则返回成功。所以如果我们向 promise.all 输入了 5 个 promise 而其中两个失败，promise.all 会返回第一个失败的结果。

另一方面， promise.allSettled 会等到所有的 promise 完成并返回所有输入 promise 返回的结果。当异步的 promise 之间不互相依赖可以使用 promise.allSettled，同时你可以重试失败的 promise。如果你的过程依赖所有的异步任务都成功才能继续，则使用 promise.all。

const promise1 = Promise.resolve("Parwinder");
const promise2 = new Promise((resolve) => {
    setTimeout(() => {
        resolve("Lauren");
    }, 2000);
});
const promise3 = Promise.reject("Robert");
const promise4 = Promise.resolve("Eliu");

Promise.allSettled([promise1, promise2, promise3, promise4]).then((data) => {
    console.log(data);
});

一旦四个 promise 结束，allSettled 将会返回结果到 then 的回调函数中，将会输出如下：

[{
  status: "fulfilled",
  value: "Parwinder"
}, {
  status: "fulfilled",
  value: "Lauren"
}, {
  reason: "Robert",
  status: "rejected"
}, {
  status: "fulfilled",
  value: "Eliu"
}]

Any

Promise.any 在提案的第三个阶段（作者写文时是天状态，现在已经通过）。

Promise.any 可以接受一列可迭代的 promise，同时返回第一个成功的 promise。如果没有一个 promise 成功，则返回 AggregateError。AggregateError 会聚合所有输入的 promise 返回的错误。

Promise.any 与 Promise.all 完全相反。

const promise1 = Promise.resolve("Parwinder");
const promise2 = new Promise((resolve) => {
    setTimeout(() => {
        resolve("Lauren");
    }, 2000);
});
const promise3 = Promise.reject("Robert");
const promise4 = Promise.resolve("Eliu");

Promise.any([promise1, promise2, promise3, promise4]).then((data) => {
    console.log(data); // Parwinder (first successful promise)
});

全部错误的 promise 例子：

const promise1 = Promise.reject("Parwinder");
const promise2 = new Promise((resolve,reject) => {
    setTimeout(() => {
        reject("Lauren");
    }, 2000);
});
const promise3 = Promise.reject("Robert");
const promise4 = Promise.reject("Eliu");

Promise.any([promise1, promise2, promise3, promise4]).then((data) => {
    console.log(data); // "AggregateError: No Promise in Promise.any was resolved"
});