Promise.allSettled()
共 1712字,需浏览 4分钟
·
2024-06-10 08:00
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()
会等待 promise1
、promise2
和 promise3
都完成。然后,它会返回一个包含每个 Promise 结果的数组,并且每个结果对象会包含 status
和 value
或 reason
属性。
使用场景
Promise.allSettled()
非常适合在你需要等待多个异步操作完成,但这些操作的成功与否并不影响其他操作时。例如:
•当你需要获取多个 API 的响应,并且每个响应的成功或失败都不应该阻止其他响应的处理。•当你需要记录多个异步操作的结果,无论它们是否成功。
对比 Promise.all()
•Promise.all()
: 如果任何一个 Promise 被拒绝,整个返回的 Promise 就会被拒绝。•Promise.allSettled()
: 等待所有 Promise 都完成,不论它们的结果是成功还是失败。
小结
Promise.allSettled()
提供了一种处理多个异步操作的灵活方式,使你能够在所有操作完成后统一处理结果,而不必担心其中某一个操作失败会影响整体流程。