技术文摘
Promise.allSettled 的作用及自行实现方法
2024-12-31 06:09:44 小编
Promise.allSettled 的作用及自行实现方法
在 JavaScript 的异步编程中,Promise 是一种强大的工具。其中,Promise.allSettled 方法在处理多个异步操作时具有独特的作用。
Promise.allSettled 用于等待多个 Promise 全部完成(无论是成功完成还是失败拒绝),并返回每个 Promise 的结果。这与 Promise.all 不同,Promise.all 只要有一个 Promise 失败就会立即抛出错误,而 Promise.allSettled 则会收集所有 Promise 的结果,无论成功还是失败。
它的主要作用在于可以更全面地获取多个异步操作的最终状态,避免因为一个操作的失败而导致整个组合操作的中断。这在需要对多个异步任务的结果进行统一处理,而不关心个别任务是否失败的场景中非常有用。
接下来,让我们尝试自行实现一个简单的 Promise.allSettled 方法。
function allSettled(promises) {
let results = [];
let fulfilledCount = 0;
let rejectedCount = 0;
return new Promise((resolve) => {
promises.forEach((promise, index) => {
promise
.then((value) => {
results[index] = { status: 'fulfilled', value };
fulfilledCount++;
if (fulfilledCount + rejectedCount === promises.length) {
resolve(results);
}
})
.catch((reason) => {
results[index] = { status:'rejected', reason };
rejectedCount++;
if (fulfilledCount + rejectedCount === promises.length) {
resolve(results);
}
});
});
});
}
在上述实现中,我们创建一个新的 Promise,并遍历输入的 Promise 数组。对于每个 Promise,分别处理其成功和失败的情况,并将结果存储在 results 数组中。当所有 Promise 都完成后,最终的结果数组被 resolve 出来。
Promise.allSettled 为处理多个异步操作的结果提供了一种更灵活和全面的方式,通过自行实现,我们能更深入地理解其工作原理和价值。在实际开发中,根据具体的业务需求,合理选择和运用 Promise.allSettled 可以使异步代码更加健壮和易于维护。