在 ECMAScript 2020 中，Promise.all() 是一个非常常用的方法，它可以同时处理多个 Promise 实例，并返回一个新的 Promise 实例。但是，如果其中任何一个 Promise 实例发生了错误并且未被处理，那么整个 Promise.all() 就会被标记为 unhandled rejection 错误。这将导致代码中的错误无法被捕获和处理，从而影响应用程序的稳定性和可靠性。
在本文中，我们将介绍如何解决 Promise.all() 中的 unhandled rejection 错误，并提供一些示例代码和实用的指导意义。
解决方案
解决 Promise.all() 中的 unhandled rejection 错误的最简单方法是使用 Promise.catch() 方法来捕获 Promise 实例中的任何错误，并将其处理掉。这样，即使其中一个 Promise 实例出现了错误，整个 Promise.all() 也不会被标记为 unhandled rejection 错误。
以下是使用 Promise.catch() 方法解决 Promise.all() 中的 unhandled rejection 错误的示例代码：
Promise.all([
Promise.resolve(1),
Promise.reject(new Error('Something went wrong')),
Promise.resolve(3)
])
.then(results => console.log(results))
.catch(err => console.error(err.message));在上面的示例代码中，我们使用 Promise.resolve() 和 Promise.reject() 来创建三个 Promise 实例。第二个 Promise 实例是故意抛出一个错误以模拟错误情况。
在 Promise.all() 的 then() 方法中，我们打印出结果数组。在 catch() 方法中，我们捕获并打印出错误信息。
如果我们运行上面的代码，我们会得到以下输出：
Something went wrong
正如我们所期望的那样，错误消息被捕获并打印出来，整个 Promise.all() 没有被标记为 unhandled rejection 错误。
指导意义
如果您的应用程序中使用了 Promise.all() 方法，请务必使用 Promise.catch() 方法来捕获 Promise 实例中的任何错误，并将其处理掉。这样可以确保您的代码始终保持稳定和可靠。
另外，建议您在编写 Promise.all() 代码时，尽可能使用 async/await 语法。这样可以使代码更加简洁和易于理解，并且可以自动处理 Promise 实例中的错误。
以下是使用 async/await 语法编写 Promise.all() 代码的示例：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- ------- - ----- -------------
----------------------------------------
----------------------------------------
---------------------------------------
---
---------------------
- ----- ----- -
-------------------
-
-在上面的示例代码中，我们使用 async/await 语法来等待所有的 fetch() 请求完成。如果任何一个请求失败，错误将被捕获并打印出来。
结论
在 ECMAScript 2020 中，Promise.all() 是一个非常强大和常用的方法，但是在处理多个 Promise 实例时，可能会出现 unhandled rejection 错误。为了解决这个问题，我们可以使用 Promise.catch() 方法来捕获 Promise 实例中的任何错误，并将其处理掉。
同时，我们建议您尽可能使用 async/await 语法编写 Promise.all() 代码，以使代码更加简洁和易于理解，并且可以自动处理 Promise 实例中的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67775e416d66e0f9aa3511eb