在前端开发中，我们常常需要处理多个异步操作，例如同时请求多个接口或者同时进行多个数据处理。在过去，我们可能会使用 Promise.all() 方法来进行处理。但是，Promise.all() 方法只有当所有 Promise 对象都成功时才会返回成功，如果其中一个 Promise 对象失败了，就会直接返回失败。这个时候，我们可能需要知道所有 Promise 对象的结果，无论成功或失败，这个时候，就可以使用 ECMAScript 2021 中新增的 Promise.allSettled() 方法。
Promise.allSettled() 方法的介绍
Promise.allSettled() 方法接受一个 Promise 数组作为参数，返回一个新的 Promise 对象。当所有 Promise 对象都执行完成时，返回的 Promise 对象会以一个数组形式返回每个 Promise 对象的执行结果，无论成功或失败。每个结果都是一个对象，包含以下两个属性：
- status：表示 Promise 对象的状态，可能的值为 "fulfilled" 表示成功，"rejected" 表示失败。
- value/reason：表示 Promise 对象的返回值或失败原因。
Promise.allSettled() 方法的使用
下面我们来看一个使用 Promise.allSettled() 方法的例子，假设我们有两个异步操作：
const p1 = Promise.resolve("p1 result");
const p2 = Promise.reject("p2 error");我们可以使用 Promise.allSettled() 方法来同时处理这两个异步操作：
Promise.allSettled([p1, p2]).then(results => {
console.log(results);
});输出结果为：
[
{ status: "fulfilled", value: "p1 result" },
{ status: "rejected", reason: "p2 error" }
]我们可以看到，Promise.allSettled() 方法返回了一个数组，包含了两个对象，一个成功的对象和一个失败的对象。
Promise.allSettled() 方法的指导意义
使用 Promise.allSettled() 方法可以帮助我们更好地处理多个异步操作，无论成功或失败，都可以得到每个异步操作的结果。这个方法可以在一些需要同时处理多个异步操作的场景中使用，例如同时请求多个接口，同时进行多个数据处理等。
总结
在本文中，我们介绍了 ECMAScript 2021 中新增的 Promise.allSettled() 方法，包括它的使用方法和指导意义。使用 Promise.allSettled() 方法可以更好地处理多个异步操作，无论成功或失败，都可以得到每个异步操作的结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65892adbeb4cecbf2de65c1d