概述
Promise 是 JavaScript 中常用的一种异步编程方法。它通过链式调用 then 方法，方便地处理异步操作的回调函数。然而，在异步操作中，异常往往是难以避免的。而 Promise 中的异常处理机制，是我们需要深入学习和掌握的内容。
Promise 中的异常处理方法
在 Promise 中，使用 then 方法来处理回调函数的返回值，即 then 方法返回一个新的 Promise 对象。在处理过程中可能出现异常，我们可以通过以下方法进行异常处理：
- 在 then 方法中使用 try-catch 捕捉异常
---------------- -- -
-- -- --------- ---- ---
--- -
-- ----- -- ---------
- ----- ----- -
-- ------ --- ---------
-
--这种方式的缺点是，如果异常处理过于深入，会导致代码冗长且难以维护。同时，如果每个 then 方法都需要一遍遍写 try-catch，也会造成重复工作。
- 在 then 方法的第二个参数中处理异常
---------------- -- - -- -- --------- ---- --- -- --- -- - -- ------ --- --------- --
这种方式比较简单，但是只能处理当前 Promise 的异常，而不能捕捉上一级 Promise 的异常。同时，如果在一个 then 方法中同时处理正常结果和异常结果，会导致代码看起来不太清晰。
- 在 Promise 链的末尾添加 catch 方法
---------------- -- - -- -- --------- ---- --- -- ---------- -- - -- ------ --- --------- --
这种方式是目前被推荐的异常处理方法。它可以捕捉链中任意位置出现的异常，并且回调函数和异常处理函数分离，更加清晰明了。
Promise 中的异常穿透
在 Promise 链式调用中，当一个 Promise 抛出异常时，会直接跳过后面的 then 方法，直到遇到一个 catch 方法为止。这个过程被称为 Promise 中的异常穿透（Promise Exception Propagation）。
----------------- -------- -- - ----- --- ------------ -- ---------- -- -------- -- - ----------------- ---- ---- ----- -- ----------- -- ---------- -- - --------------------- -- ------------ ----- ---
在这个例子中，由于第一个 then 方法抛出了异常，会直接跳过第二个 then 方法并进入 catch 方法。
在处理异常穿透时，也需要注意一些细节：
- then 方法返回的不一定是 Promise 对象
虽然 then 方法应该返回一个 Promise 对象，但是如果不符合规范，返回的可能是任意对象。如果非 Promise 对象出现异常，Promise 中的异常穿透不生效，需要手动捕捉异常。
- catch 方法也会返回一个 Promise 对象
catch 方法内部会将异常转换成对应的 Promise 对象并抛出，因此 catch 方法后面还可以跟 then 方法。
异常处理的最佳实践
在代码中，异常处理应该是必须的。而在使用 Promise 进行异步编程时，为了保证代码质量和可维护性，建议采用以下最佳实践：
- 异常处理和回调函数分离
即使用 catch 方法捕捉异常，将异常处理函数和回调函数分离开来，清晰明了。
--------- ---------- -- - -- ---- -- -- --------- ---- ---- -- ---------- -- - -- ------ --------------------- -- ------------ ----- ---
- 统一异常处理
将所有的异常处理集中在一起，方便统一处理和维护。
-------- ------------------------ -
------ ----------------- -- -
--------------------- -- ------------ -----
---
-
--------------------------
---------- -- -
-- -- --------- ---- ----
---结论
在 Promise 中，异常处理是必不可少的。异常穿透是 Promise 异常处理中常见的问题，需要注意。最佳实践建议将异常处理和回调函数分离，并集中处理，提高代码质量和维护性。
示例代码
-------- ----------- -
------ --- --------------- -- -
------------- -- -
-------------------------------- - ----
-- ------
---
-
-------- ------------------------ -
------ ----------------- -- -
--------------------- -- ------------ -----
---
-
-----------
------------ -- -
-- -------- -
----- --- ------------- -- -------
-
------ ---
--
----------------------
------------ -- -
---------------------- --------
--
---------- -- -
--------------------- -- ------------ -----
---来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6721d8442e7021665e090641