在前端开发中，异步操作是非常常见的。而 Promise 是一种用于异步编程的解决方案，它可以让代码更加简洁和易于维护。但是，当 Promise 中出现未捕获异常时，会给我们带来很大的麻烦。本文将介绍如何解决 Promise 中未捕获异常的问题。
Promise 中的错误处理
在 Promise 中，我们通常使用 catch 方法来处理异常。例如：
-- -------------------- ---- -------
--------------------------------
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- -------------- -------- --- --- ------
-
--
---------- -- -
-- ----
--
------------ -- -
-- ----
---在上面的代码中，如果 fetch 请求失败，会抛出一个异常，并被 catch 方法捕获。但是，如果在 then 方法中出现了异常，我们该如何处理呢？
Promise 中的未捕获异常
在 Promise 中，如果一个异常没有被捕获，它会一直向上冒泡，直到被全局异常处理器捕获。这可能会导致程序崩溃或者产生意料之外的行为。
例如，下面的代码中，在 then 方法中抛出的异常会一直冒泡，直到被浏览器的全局异常处理器捕获：
-- -------------------- ---- -------
--------------------------------
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- -------------- -------- --- --- ------
-
--
---------- -- -
-- ----
----- --- ---------------- ---- ---------
---这时候，我们需要在 Promise 中手动捕获异常，以避免程序崩溃或者产生意料之外的行为。
Promise 中的异常处理
在 Promise 中，我们可以使用 catch 方法来捕获异常。例如：
-- -------------------- ---- -------
--------------------------------
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- -------------- -------- --- --- ------
-
--
---------- -- -
-- ----
----- --- ---------------- ---- ---------
--
------------ -- -
-- ----
---------------------
---在上面的代码中，如果在 then 方法中抛出了异常，它会被 catch 方法捕获并处理。
另外，我们还可以使用 Promise.reject 方法来手动抛出异常。例如：
Promise.reject(new Error('Something went wrong.'))
.catch(error => {
// 处理异常
console.error(error);
});Promise 中的未捕获异常处理器
除了在 Promise 中手动捕获异常外，我们还可以在全局中添加未捕获异常处理器。例如：
window.addEventListener('unhandledrejection', event => {
console.error(event.reason);
});在上面的代码中，当 Promise 中出现未捕获异常时，会触发 unhandledrejection 事件，我们可以通过监听这个事件来处理未捕获异常。
总结
在 Promise 中，异常处理是非常重要的。如果一个异常没有被捕获，它会一直向上冒泡，直到被全局异常处理器捕获。为了避免程序崩溃或者产生意料之外的行为，我们需要在 Promise 中手动捕获异常，或者在全局中添加未捕获异常处理器。希望本文对你有所帮助。
示例代码
-- -------------------- ---- -------
--------------------------------
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- -------------- -------- --- --- ------
-
--
---------- -- -
-- ----
----- --- ---------------- ---- ---------
--
------------ -- -
-- ----
---------------------
---
------------------ ---------------- ---- ---------
------------ -- -
-- ----
---------------------
---
--------------------------------------------- ----- -- -
----------------------------
---以上是示例代码，你可以根据自己的需求进行修改。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65cb7d32add4f0e0ff5266f9