在现代 JavaScript 中，Promise 是非常常见的概念和技术。Promise 可以在异步操作完成后返回结果，非常方便。但是，如果我们需要同时处理多个 Promise，该怎么办呢？ES6 中的 Promise.all 可以帮助我们实现这个功能，但是它有一个缺点：只要有一个 Promise 出现错误，整个操作就会失败。这就是为什么 Promise.allSettled 是一个非常重要的新功能。
Promise.allSettled 的作用
Promise.allSettled 可以同时处理多个 Promise，而不管它们的状态如何。无论 Promise 成功还是失败，Promise.allSettled 都会返回一个包含每个 Promise 状态的数组。这使得我们可以更好地处理多个异步操作，并且可以更好地处理错误。
Promise.allSettled 的语法
Promise.allSettled 的语法非常简单，与 Promise.all 类似。下面是一个示例：
Promise.allSettled([promise1, promise2, promise3])
.then(results => {
// 处理结果
})
.catch(error => {
// 处理错误
});Promise.allSettled 的返回值
Promise.allSettled 返回一个 Promise，该 Promise 将包含每个 Promise 的状态。每个状态都是一个对象，该对象具有以下属性：
status：可以是 "fulfilled" 或 "rejected"。value：如果状态为 "fulfilled"，则为 Promise 返回的值；如果状态为 "rejected"，则为 Promise 的原因。reason：如果状态为 "rejected"，则为 Promise 的原因；如果状态为 "fulfilled"，则为 undefined。
Promise.allSettled 的示例
下面是一个使用 Promise.allSettled 的示例：
// javascriptcn.com 代码示例
const promise1 = new Promise(resolve => setTimeout(resolve, 1000));
const promise2 = new Promise((resolve, reject) => setTimeout(reject, 2000));
const promise3 = new Promise(resolve => setTimeout(resolve, 3000));
Promise.allSettled([promise1, promise2, promise3])
.then(results => {
console.log(results);
})
.catch(error => {
console.log(error);
});输出将是：
[
{ status: 'fulfilled', value: undefined, reason: undefined },
{ status: 'rejected', value: undefined, reason: undefined },
{ status: 'fulfilled', value: undefined, reason: undefined }
]如上所示，即使有一个 Promise 失败，Promise.allSettled 也会返回所有 Promise 的状态。
总结
Promise.allSettled 是一个非常重要的新功能，它可以让我们更好地处理多个异步操作。它可以让我们更好地处理错误，并且可以更好地了解每个 Promise 的状态。如果您正在使用 Promise，那么 Promise.allSettled 是一个必须了解的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650801b095b1f8cacd32b04a