原文地址: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 例子:
代码语言:javascript复制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"
});