36 - 新的 Promise 方法：allSettled & any
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"
});