在前端开发中，Promise 作为一种异步编程的解决方案，经常被使用。但是，当我们使用 Promise 的过程中遇到 unhandled rejection 问题时，即 Promise 被拒绝（rejected），但是该被拒绝的 Promise 没有被“捕获（caught）”，这就会导致控制台输出类似于“Uncaught (in promise) Error”的错误信息。
在本文中，我们将详细讨论在使用 Promise 时遇到的 unhandled rejection 问题及处理方法，并提供一些示例代码和指导意义，以帮助您更好地了解 Promise 的相关知识。
unhandled rejection 的原因
unhandled rejection 的原因可能很多，其中最常见的几个原因包括：
原因一：Promise 没有被“捕获”
Promise 被拒绝后，如果没有被“捕获”，即没有使用 catch 方法去处理异常，就会触发 unhandled rejection 问题。这种情况下，异常信息会被输出到控制台中。
下面的示例代码演示了一个未被“捕获”的 Promise：
----- ------- - --- ----------------- ------- -- -
------------- -- -
---------- -------------- -------
-- ------
---
-- ---- ----- -------原因二：Promise 执行过程中抛出异常
在 Promise 的执行过程中，如果抛出异常，且没有被“捕获”，同样会触发 unhandled rejection 问题。这种情况下，异常信息也会被输出到控制台中。
下面的示例代码演示了一个抛出异常的 Promise：
----- ------- - --- ----------------- ------- -- -
------------- -- -
----- --- -------------- ------------
-- ------
---
-----------------------------原因三：网络请求返回失败
在进行网络请求时，如果请求返回失败，就会触发 unhandled rejection 问题。这种情况下，异常信息同样会被输出到控制台中。
下面的示例代码演示了一个请求返回失败的 Promise：
----- ------- - -------------------
--------------------- -- -
-- -------------- -
----- --- ----------------
-
------ ----------------
------------ -- ------------------
----------------------unhandled rejection 的处理方法
为了避免出现 unhandled rejection 问题，我们可以使用以下几种处理方法：
方法一：在 Promise 中使用 catch 方法
使用 Promise 中的 catch 方法可以捕获 Promise 抛出的异常，从而避免 unhandled rejection 问题。在使用 Promise 时，我们应该始终为每个 Promise 链式调用链提供一个 catch 方法。下面的示例代码演示了如何为 Promise 提供一个 catch 方法：
----- ------- - --- ----------------- ------- -- -
------------- -- -
---------- -------------- -------
-- ------
---
-----------------------------方法二：使用 try-catch 块
在 Promise 中执行异步操作时，可以结合 try-catch 块来捕获可能出现的异常，并在 catch 块中进行异常处理。下面的示例代码演示了如何使用 try-catch 块来捕获 Promise 抛出的异常：
----- ------- - --- ----------------- ------- -- -
------------- -- -
--- -
----- --- -------------- ------------
- ----- --- -
----------
-
-- ------
---
-----------------------------方法三：使用 Promise.finally 方法
使用 Promise.finally 方法可以在 Promise 完成后，无论 Promise 是被拒绝还是被接受，都会执行一些操作，而不需要处理 unhandled rejection 问题。下面的示例代码演示了如何使用 Promise.finally 方法：
----- ------- - --- ----------------- ------- -- -
------------- -- -
---------- -------------- -------
-- ------
---
------------------ -- -------------------- ------结论
在使用 Promise 时，出现 unhandled rejection 问题可能会导致程序崩溃，因此我们应该始终注意如何处理这类异常。本文提供了三种处理方法：在 Promise 中使用 catch 方法、使用 try-catch 块和使用 Promise.finally 方法。在实际项目中，我们应该灵活运用这些方法，从而使程序更加稳定和可靠。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672c5a78ddd3a70eb6d7bf3b