前言
在前端开发中，我们经常会遇到需要同时执行多个异步请求的情况。在过去，我们可能会使用 Promise.all() 方法来实现这一需求。但是，Promise.all() 方法只有在所有 Promise 都成功完成时才会触发成功回调，一旦有一个 Promise 失败，就会立即触发失败回调。这种情况下，我们无法知道每个 Promise 的具体执行情况。
为了解决这个问题，ECMAScript 2019 新增了 Promise.allSettled() 方法。本文将对这个方法进行详细解析和使用说明。
Promise.allSettled() 方法的介绍
Promise.allSettled() 方法接收一个 Promise 数组作为参数，返回一个 Promise 对象。当传入的所有 Promise 对象都执行完毕后，Promise.allSettled() 方法才会返回一个新的 Promise 对象，这个新的 Promise 对象的状态将会是 "fulfilled"。返回的新 Promise 对象包含一个数组，这个数组中的每个元素都是一个对象，对象包含以下两个属性：
- status：可能的值为 "fulfilled" 或 "rejected"，表示 Promise 对象的状态。
- value：如果 status 为 "fulfilled"，则表示 Promise 对象的返回值；如果 status 为 "rejected"，则表示 Promise 对象的错误信息。
通过使用 Promise.allSettled() 方法，我们可以获取每个 Promise 对象的执行情况，无论是成功还是失败。
Promise.allSettled() 方法的使用
下面我们通过示例代码来演示 Promise.allSettled() 方法的使用。
const promise1 = Promise.resolve(3);
const promise2 = new Promise((resolve, reject) => setTimeout(reject, 100, 'error'));
const promise3 = new Promise((resolve, reject) => setTimeout(resolve, 200, 'done'));
Promise.allSettled([promise1, promise2, promise3])
.then(results => {
console.log(results);
});上述代码中，我们定义了三个 Promise 对象，分别表示一个成功的 Promise 对象、一个失败的 Promise 对象和一个需要等待一段时间才能成功的 Promise 对象。然后我们将这三个 Promise 对象传入 Promise.allSettled() 方法中。在 Promise.allSettled() 方法返回的 Promise 对象成功后，我们将结果打印到控制台中。
运行上述代码，我们将会得到如下结果：
[
{ status: "fulfilled", value: 3 },
{ status: "rejected", reason: "error" },
{ status: "fulfilled", value: "done" }
]从结果中我们可以看出，Promise.allSettled() 方法返回的数组包含了每个 Promise 对象的执行情况，无论是成功还是失败。
总结
Promise.allSettled() 方法是 ECMAScript 2019 中新增的一个非常实用的方法。通过使用这个方法，我们可以轻松地获取每个 Promise 对象的执行情况，无论是成功还是失败。在实际开发中，我们经常会遇到需要同时执行多个异步请求的情况，这时候使用 Promise.allSettled() 方法就可以大大提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65758003d2f5e1655deb88fc