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