在 JavaScript 的世界中，Promise 是一种常用的异步编程方式。在 ES6 中，JavaScript 引入了 Promise 对象，使得异步编程变得更加简单和直观。而在 ES2020 中，Promise 对象的新特性 promise.allSettled() 也被引入。本文将详细解析 promise.allSettled() 的使用方法和指导意义，并提供示例代码。
Promise.all() 和 Promise.race() 的限制
在 ES6 中，Promise.all() 和 Promise.race() 是两种常用的 Promise 方法，它们分别用于处理多个 Promise 对象的状态。Promise.all() 方法接收一个 Promise 对象数组作为参数，返回一个新的 Promise 对象。当所有 Promise 对象都变为 resolved 状态时，返回的 Promise 对象才会变为 resolved 状态；当其中任意一个 Promise 对象变为 rejected 状态时，返回的 Promise 对象就会变为 rejected 状态。而 Promise.race() 方法也接收一个 Promise 对象数组作为参数，但是只要其中任意一个 Promise 对象变为 resolved 或者 rejected 状态，返回的 Promise 对象就会立即变为对应的状态。
虽然 Promise.all() 和 Promise.race() 方法在处理多个 Promise 对象的状态时非常方便，但是它们都有一个共同的限制：一旦其中一个 Promise 对象变为 rejected 状态，整个 Promise 对象就会变为 rejected 状态。这个限制对于一些特定的场景来说，可能会造成一些问题。
promise.allSettled() 的介绍
在 ES2020 中，Promise 对象的新特性 promise.allSettled() 被引入。它也接收一个 Promise 对象数组作为参数，返回一个新的 Promise 对象。但是与 Promise.all() 和 Promise.race() 不同的是，promise.allSettled() 方法会等待所有的 Promise 对象都变为 settled 状态（不管是 resolved 状态还是 rejected 状态），返回的 Promise 对象才会变为 resolved 状态。返回的结果是一个数组，数组中的每个元素都是一个对象，对象的属性包括 status 和 value 或者 reason，分别表示 Promise 对象的状态和结果或者原因。具体来说，status 属性的值可能是 "fulfilled" 或者 "rejected"，value 属性的值表示 resolved 状态的结果，reason 属性的值表示 rejected 状态的原因。
promise.allSettled() 的使用方法
使用 promise.allSettled() 方法非常简单，只需要将 Promise 对象数组作为参数传入即可。下面是一个使用 promise.allSettled() 方法的示例代码：
// www.javascriptcn.com code example
const promise1 = Promise.resolve(1);
const promise2 = Promise.reject(new Error('error'));
const promise3 = Promise.resolve(3);
Promise.allSettled([promise1, promise2, promise3])
.then((results) => {
console.log(results);
})
.catch((error) => {
console.error(error);
});上面的代码中，我们创建了三个 Promise 对象，分别是 promise1、promise2 和 promise3。其中 promise1 和 promise3 分别是 resolved 状态，而 promise2 是 rejected 状态。我们使用 promise.allSettled() 方法将这三个 Promise 对象传入，然后在 Promise 对象的 then() 方法中打印 results 数组的值。由于 promise2 是 rejected 状态，因此 results 数组中包含了一个对象，它的 status 属性的值是 "rejected"，reason 属性的值是一个 Error 对象。而 promise1 和 promise3 都是 resolved 状态，它们的 status 属性的值都是 "fulfilled"，value 属性的值分别是 1 和 3。因此，最终的结果是一个数组，它包含了三个对象。
promise.allSettled() 的指导意义
使用 promise.allSettled() 方法的主要好处在于，它可以让我们更加方便地处理多个 Promise 对象的状态。在实际开发中，我们经常需要处理多个异步任务，有些任务可能会失败，但是我们仍然需要处理它们的结果。使用 promise.allSettled() 方法可以让我们更加方便地获取所有异步任务的结果，而不需要担心其中一个任务失败导致整个 Promise 对象变为 rejected 状态的问题。
结语
本文详细解析了 ES2020 的新特性 promise.allSettled() 的使用方法和指导意义，并提供了示例代码。在实际开发中，我们需要根据具体的需求选择合适的异步编程方式，而 promise.allSettled() 方法可以帮助我们更加方便地处理多个异步任务的状态。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d520fea941bf713497b499