在前端开发中，我们经常需要使用异步请求来获取数据或执行某些操作。而异步请求往往会带来一些错误处理的难题，比如当多个异步请求同时执行时，如何处理它们返回的不同状态的结果。在 ECMAScript 2020 中，新增了一个 Promise.allSettled 方法，可以帮助我们更好地处理异步请求中的错误。
Promise.allSettled 方法介绍
Promise.allSettled 方法是 Promise 对象的一个静态方法，它接受一个 Promise 对象数组作为参数，并返回一个新的 Promise 对象。这个新的 Promise 对象在所有传入的 Promise 对象都已经 settled（即已经变成 fulfilled 或 rejected 状态）之后才会 resolve，resolve 的结果是一个包含所有 Promise 对象的状态和结果的数组。
Promise.allSettled 方法的语法如下：
Promise.allSettled(iterable)
其中，iterable 表示一个可迭代对象，比如数组。
Promise.allSettled 方法的应用
Promise.allSettled 方法的应用场景很多，比如：
- 同时执行多个异步请求，并在它们全部执行完毕后获取它们的结果；
- 对多个异步请求的结果进行汇总或处理；
- 处理多个异步请求的错误，而不用担心其中一个请求出错就会导致整个 Promise 失败。
下面，我们来看一个具体的示例。
假设我们需要从两个不同的 API 接口中获取数据，并将它们合并后展示在页面上。如果我们使用 Promise.all 方法来执行这两个异步请求，当其中一个请求失败时，整个 Promise 就会失败，导致我们无法获取另一个请求成功的数据。而如果我们使用 Promise.allSettled 方法，就可以避免这个问题。
示例代码如下：
// javascriptcn.com 代码示例
const promise1 = fetch('https://api1.com/data');
const promise2 = fetch('https://api2.com/data');
Promise.allSettled([promise1, promise2])
.then(results => {
const data = [];
results.forEach(result => {
if (result.status === 'fulfilled') {
data.push(result.value);
}
});
// 处理 data 数组中的数据并展示在页面上
});在上面的代码中，我们使用 fetch 方法来获取两个 API 接口的数据，并将它们作为 Promise 对象传入 Promise.allSettled 方法中。当这两个请求都执行完毕后，Promise.allSettled 方法会返回一个包含两个 Promise 对象的状态和结果的数组。我们可以通过遍历这个数组，获取其中状态为 fulfilled 的 Promise 的结果，将它们放入一个数组中并进行处理。
总结
Promise.allSettled 方法是 ECMAScript 2020 中新增的一个非常实用的方法，可以帮助我们更好地处理异步请求中的错误。在实际开发中，我们可以利用它来同时执行多个异步请求，并在它们全部执行完毕后获取它们的结果，或者处理多个异步请求的错误，而不用担心其中一个请求出错就会导致整个 Promise 失败。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65823cddd2f5e1655dd645d0