Promise 中如何处理多个 then 中的异常
Promise 是 JavaScript 中非常重要的一个概念，它可以让我们更加优雅地处理异步操作，避免回调地狱。但是在使用 Promise 过程中，我们经常会遇到多个 then 中的异常处理问题。本文将详细介绍 Promise 中如何处理多个 then 中的异常，并提供示例代码。
Promise 异常处理
在 Promise 中，我们可以使用 then 方法来处理异步操作的结果。then 方法接收两个参数，第一个参数是操作成功的回调函数，第二个参数是操作失败的回调函数。如果在 then 方法中抛出异常，那么异常会被捕获并传递给下一个 then 方法的失败回调函数。
例如，下面的代码演示了如何使用 Promise 处理异步操作：
-- -------------------- ---- -------
-------- ---------------- -
------ --- ----------------- ------- -- -
------------- -- -
----- ------ - --------------
-- ------- - ---- -
----------------
- ---- -
---------- ---------------- ----------
-
-- ------
---
-
----------------
------------ -- -
-------------------- ------------
----- --- ---------------- -- -------
--
------------ -- -
-------------------- ------------
-- ----- -- -
--------------------- -----------
---在上面的代码中，我们首先定义了一个 asyncOperation 函数，它返回一个 Promise 对象。然后我们使用 then 方法来处理异步操作的结果。在第一个 then 方法中，我们打印了结果并抛出了一个异常。在第二个 then 方法中，我们定义了失败回调函数来处理异常。
多个 then 中的异常处理
在使用 Promise 时，我们经常会遇到多个 then 中的异常处理问题。例如，下面的代码演示了如何使用 Promise 处理异步操作：
-- -------------------- ---- -------
-------- ---------------- -
------ --- ----------------- ------- -- -
------------- -- -
----- ------ - --------------
-- ------- - ---- -
----------------
- ---- -
---------- ---------------- ----------
-
-- ------
---
-
----------------
------------ -- -
-------------------- ------------
----- --- ---------------- -- ---- ----
--
------------ -- -
-------------------- ------------
----- --- ---------------- -- ---- ----
--
------------ -- -
-------------------- ------------
-- ----- -- -
--------------------- -----------
---在上面的代码中，我们使用了三个 then 方法来处理异步操作的结果。在第一个 then 方法中，我们抛出了一个异常。在第二个 then 方法中，我们又抛出了一个异常。在第三个 then 方法中，我们没有定义失败回调函数，那么异常会被传递到全局的 unhandledrejection 事件中。
为了避免这种情况发生，我们可以在每个 then 方法中都定义失败回调函数来处理异常。例如，下面的代码演示了如何使用 Promise 处理多个 then 中的异常：
-- -------------------- ---- -------
-------- ---------------- -
------ --- ----------------- ------- -- -
------------- -- -
----- ------ - --------------
-- ------- - ---- -
----------------
- ---- -
---------- ---------------- ----------
-
-- ------
---
-
----------------
------------ -- -
-------------------- ------------
----- --- ---------------- -- ---- ----
-- ----- -- -
--------------------- -----------
----- ------
--
------------ -- -
-------------------- ------------
----- --- ---------------- -- ---- ----
-- ----- -- -
--------------------- -----------
----- ------
--
------------ -- -
-------------------- ------------
-- ----- -- -
--------------------- -----------
---在上面的代码中，我们在每个 then 方法中都定义了失败回调函数来处理异常。如果在 then 方法中抛出异常，异常会被捕获并传递给下一个 then 方法的失败回调函数。如果在最后一个 then 方法中仍然没有处理异常，那么异常会被传递到全局的 unhandledrejection 事件中。
总结
在使用 Promise 时，我们经常会遇到多个 then 中的异常处理问题。为了避免这种情况发生，我们可以在每个 then 方法中都定义失败回调函数来处理异常。如果在 then 方法中抛出异常，异常会被捕获并传递给下一个 then 方法的失败回调函数。如果在最后一个 then 方法中仍然没有处理异常，那么异常会被传递到全局的 unhandledrejection 事件中。
示例代码
下面是一个完整的示例代码，演示了如何使用 Promise 处理多个 then 中的异常：
-- -------------------- ---- -------
-------- ---------------- -
------ --- ----------------- ------- -- -
------------- -- -
----- ------ - --------------
-- ------- - ---- -
----------------
- ---- -
---------- ---------------- ----------
-
-- ------
---
-
----------------
------------ -- -
-------------------- ------------
----- --- ---------------- -- ---- ----
-- ----- -- -
--------------------- -----------
----- ------
--
------------ -- -
-------------------- ------------
----- --- ---------------- -- ---- ----
-- ----- -- -
--------------------- -----------
----- ------
--
------------ -- -
-------------------- ------------
-- ----- -- -
--------------------- -----------
---参考资料
- Promise - JavaScript | MDN
- Promise - ECMAScript 6 入门
- Promise 中的异常处理 - 阮一峰的网络日志
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660135dbd10417a222c60ef1