Promise 是 JavaScript 中最重要的异步编程工具之一。但是，当 Promise 中发生错误时，如果没有正确地处理，就可能会引发 Unhandled Promise Rejection 异常。这个异常可以导致整个应用程序的崩溃，因此我们需要了解如何解决它。
什么是 Unhandled Promise Rejection 异常？
当 Promise 被拒绝时，如果没有正确处理拒绝原因，将会导致 Unhandled Promise Rejection 异常。这个异常会在控制台中显示，并且可能会导致应用程序崩溃。
以下是一个简单的例子，展示了 Promise 中的 Unhandled Promise Rejection 异常：
Promise.reject(new Error('Something went wrong!'));如果没有正确处理这个 Promise，就会出现以下异常：
(node:1234) UnhandledPromiseRejectionWarning: Error: Something went wrong!
at <anonymous>:1:15
at new Promise (<anonymous>)
at <anonymous>:1:1
(node:1234) PromiseRejectionHandledWarning: Promise rejection was handled asynchronously (rejection id: 1)如何解决 Unhandled Promise Rejection 异常？
解决 Unhandled Promise Rejection 异常的最佳方法是通过使用 catch 方法处理 Promise 的拒绝原因。这样，即使 Promise 被拒绝，我们仍然可以正确地处理它。
以下是一个示例代码，展示了如何使用 catch 方法处理 Promise 的拒绝原因：
Promise.reject(new Error('Something went wrong!'))
.catch(error => {
console.error(error.message);
});在这个例子中，我们使用 catch 方法捕获 Promise 的拒绝原因，并在控制台中记录错误消息。这样，即使 Promise 被拒绝，我们仍然可以正确地处理它。
如何避免 Unhandled Promise Rejection 异常？
除了使用 catch 方法处理 Promise 的拒绝原因之外，我们还可以采取其他措施来避免 Unhandled Promise Rejection 异常。
1. 使用 async/await
使用 async/await 是避免 Unhandled Promise Rejection 异常的最佳方法之一。async/await 是一种基于 Promise 的语法糖，它可以使异步代码更易于阅读和编写。
以下是一个示例代码，展示了如何使用 async/await 避免 Unhandled Promise Rejection 异常：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- -------- - ----- ------------------------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
-----------------------------
-
-
------------在这个例子中，我们使用 async/await 来获取数据，并使用 try/catch 块处理任何错误。这样，即使 Promise 被拒绝，我们仍然可以正确地处理它。
2. 使用 Promise.all
使用 Promise.all 是另一种避免 Unhandled Promise Rejection 异常的方法。Promise.all 可以同时处理多个 Promise，并在所有 Promise 都成功时返回一个数组。
以下是一个示例代码，展示了如何使用 Promise.all 避免 Unhandled Promise Rejection 异常：
-- -------------------- ---- -------
-------------
------------------------------------------------------
------------------------------------------------------
--
--------------- -- -
------ ---------------------------------- -- ------------------
--
---------- -- -
------------------
--
------------ -- -
-----------------------------
---在这个例子中，我们使用 Promise.all 来同时获取多个数据，并使用 catch 方法处理任何错误。这样，即使 Promise 被拒绝，我们仍然可以正确地处理它。
结论
在 JavaScript 中，Promise 是一种非常强大的异步编程工具。但是，当 Promise 中发生错误时，如果没有正确地处理，就可能会引发 Unhandled Promise Rejection 异常。为了避免这个异常，我们可以使用 catch 方法、async/await 或 Promise.all。这些方法可以帮助我们正确地处理 Promise，并在任何错误发生时避免应用程序的崩溃。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67788b1ec1c5215e3cc5feba