Promise.allSettled()

前端精髓

共 1712字,需浏览 4分钟

 · 2024-06-10


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() 会等待 promise1promise2 和 promise3 都完成。然后,它会返回一个包含每个 Promise 结果的数组,并且每个结果对象会包含 status 和 value 或 reason 属性。

使用场景

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

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

对比 Promise.all()

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

小结

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

浏览 13
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报