掌握 ECMAScript 2021 中的 Promise.allSettled() 方法-JavaScript中文网-JavaScript教程资源分享门户

Promise 是 JavaScript 中的一种异步编程的解决方案，它可以解决回调地狱、代码阅读性差、错误捕获等问题。Promise 提供了一系列方法来处理异步操作，其中 Promise.allSettled() 是 ECMAScript 2021 中的一种新方法，本文将详细介绍该方法并提供示例代码。

Promise.allSettled() 方法是什么

Promise.allSettled() 方法是 ECMAScript 2021 中新添加的方法，用于在所有 Promise 对象完成后返回一个包含所有 Promise 结束状态的数组，无论 Promise 成功或失败。该方法的返回值是一个 Promise 对象，它的状态只会成功，并且它的值是一个由所有 Promise 结束状态的对象组成的数组。

Promise.allSettled() 方法的语法如下：

Promise.allSettled(iterable);

其中 iterable 是一个可迭代的对象，如 Array 或 Set，它包含任意数量的 Promise 对象。如果 iterable 包含的不是 Promise 对象，则会将其包装为 Promise 对象。如果 iterable 不包含任何 Promise 对象，则会立即解析为一个已完成的 Promise 对象。

Promise.allSettled() 方法的学习与指导意义

Promise.allSettled() 方法是 Promise API 中的新成员。现在在你使用 Promise.all() 方法时，如果有任何一个 Promise 被拒绝，则整个 Promise.all() 调用都会失败。Promise.allSettled() 提供了一种处理 Promise 数组的方式，即使 Promise 没有全部成功，我们仍然可以访问每一个 Promise 的状态。这对于那些需要尝试多个异步操作并且无论如何都想要了解所有操作的结果的应用程序非常有用。

对于某些需要底层控制的应用程序，Promise.allSettled() 是一种更灵活的解决方案，故我们强烈建议您将其用于您的异步代码中。

Promise.allSettled() 方法的示例代码

下面是使用 Promise.allSettled() 方法的示例代码，我们将使用它来执行多个异步操作并返回它们的状态：

const promises = [
  Promise.resolve(1),
  Promise.reject(new Error('fail')),
  Promise.resolve(3)
];

Promise.allSettled(promises).
  then((results) => results.forEach((result) => console.log(result.status)));

在上面的示例中，我们使用 Promise.allSettled() 方法在所有 Promise 对象完成后返回一个包含所有 Promise 结束状态的数组。

结果将是以下内容：

fulfilled
rejected
fulfilled

该方法返会的结果数组，每个 Promise 都会有一个 status 属性，它代表了该 Promise 对象的状态。如果 Promise 成功，它的状态将是"fulfilled"，否则将是"rejected"。

结论

在本文中，我们学习了 ECMAScript 2021 中的 Promise.allSettled() 方法，并提供了示例代码，现在我们已经了解了 Promise.allSettled() 方法的基本知识。这个新方法确实是 Promise API 中的一个不错的补充，尤其是在那些多个异步操作与 Promise 相关的场景中，这让我们更容易处理和访问所有 Promise 的状态。我们现在可以开始上手使用 Promise.allSettled() 了。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/670cf7ed5f551281025c219e