在前端开发中，使用 Promise 可以优化异步代码的逻辑，这种方式已经成为了现代 JavaScript 开发的标准。在 Promise 中，then 方法可以处理 Promise 实例成功的情况，而 catch 方法则可以处理 Promise 实例失败的情况。但是，当 Promise 实例中 then 方法或者 catch 方法内部抛出异常时，就会出现一个异常抛出却没有被 catch 到的问题，这可能会导致程序崩溃、无法得知错误信息等等问题。那么，该如何解决 Promise 中 then 方法将异常抛出时不执行 catch 问题呢？接下来，本文将为大家详细介绍相关内容并提供解决方案。
问题描述
先来看一下问题具体表现。代码如下：
-- -------------------- ---- -------
-- ------- -
-----------------
-------- -- -
----------------- ---
----- --- ------------ -- ---- ---
--
---------- -- -
-------------------- ------------
--
-- ------- -
-----------------
-------- -- -
----------------- ---
----- --- ------------ -- ---- ---
--
-------- -- -
----------------- -----
--
---------- -- -
-------------------- ------------
--在上面的代码中，我们可以看到有两个 Promise 实例。在第一个实例中，我们在 then 函数中抛出一个异常。在第二个实例中，我们在第一个 then 函数中抛出一个异常并且在接下来的 then 函数中继续执行其他代码。两段代码中的 catch 都应该捕获到异常并打印错误信息。
但是，在实际执行过程中，我们会发现第一个实例的 catch 不会被执行，而第二个实例会得到正确的输出。这就是一个经典的问题，即 then 方法中的异常在没有 catch 的情况下无法正确地被处理。那么，我们该如何避免这种问题的出现呢？
解决方案
针对上述问题，我们提供以下两种解决方案：
1. 使用 catch 方法
这个方法非常简单，只需要在最后添加一个 catch 方法即可。需要注意的是，这个 catch 方法必须足够全面，以免漏掉任何一个可能的异常。
-- -------------------- ---- -------
-----------------
-------- -- -
----------------- ---
----- --- ------------ -- ---- ---
--
---------- -- -
-------------------- ------------
--
-------- -- -
----------------- -----
--
-----------------
-------- -- -
----------------- ---
----- --- ------------ -- ---- ---
--
-------- -- -
----------------- -----
--
---------- -- -
-------------------- ------------
--2. 包装 then 方法
这个方法需要我们自定义一个 then 方法，在这个方法中进行异常捕获和处理。具体实现如下：
-- -------------------- ---- -------
--------------------------- - -------- ------------- ----------- -
------ ------------------ ------- -
--- -
------ -------------------
- ----- ----- -
------ --------------------
-
-- -------- -------- -
--- -
------ -------------------
- ----- ----- -
------ --------------------
-
---
--
-----------------
------------- -- -
----------------- ----- ---
----- --- ------------ -- ---- ---
-- --- -- -
-------------------- ------------
--
-------- -- -
----------------- -----
--
-----------------
------------- -- -
----------------- ----- ---
----- --- ------------ -- ---- ---
-- --- -- -
-------------------- ------------
--
-------- -- -
----------------- -----
--这段代码中，我们自定义了一个 thenCatch 方法，它接收两个参数，分别是成功和失败的回调函数。在这个方法中，我们将 then 方法的两个回调函数进行了包装，在包装后的代码中进行了异常捕获和处理。
总结
无论是使用 catch 方法还是自定义 then 方法，我们都可以很好地解决 Promise 中 then 方法将异常抛出时不执行 catch 问题。其中，使用 catch 方法比较简单，而自定义 then 方法则需要复杂一些，但通过自定义方法，我们可以更灵活地处理异常，并且可以针对不同的异常进行不同的处理。在实际开发中，我们可以选择更适合自己的方法进行异常处理，以保证代码的运行稳定和安全。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e2b8d1f6b2d6eab3dfc0af