对于前端开发人员来说，Promise 已经成为了日常编程中必不可少的部分。Promise 的 then() 方法和 catch() 方法是 Promise 最常用的两个方法。但是，许多人并不知道 Promise then() 和 catch() 的顺序对于 Promise 的执行顺序和结果会有很大的影响。本文将深入剖析 Promise then() 和 catch() 的顺序问题，并提供实用的指导和示例代码。
then() 和 catch() 的顺序问题
在 Promise 中，then() 方法和 catch() 方法可以分别用于处理 Promise 成功执行和失败执行的情况。前者一般用于处理成功时的数据处理，而后者一般用于处理出错时的错误信息处理。但是，当 then() 和 catch() 方法连续出现时，它们的顺序会对 Promise 的执行顺序和结果产生影响。
具体来说，如果 then() 和 catch() 方法先后链式调用，那么它们的执行顺序就不同了。如果其中任何一个方法抛出一个错误或返回一个 rejected Promise，则它们之后的任何方法都被跳过。下面是一些具体的示例。
-- -------------------- ---- -------
-- -- -
----------------------
-------- -- -
----- --- -------------
--
-------- -- -
-------------------- ----
--
--------- -- -
-------------------- ----
---
-- -- -
----------------------
-------- ---
----- --- -------------
--
--------- -- -
-------------------- ----
--
-------- -- -
-------------------- ----
---
-- -- -
----------------------
-------- -- -
-------------------- ----
--
-------- -- -
----- --- -------------
--
--------- -- -
-------------------- ----
---在示例1中，第一个 then() 抛出一个错误，导致第二个 then() 被跳过，而进入 catch() 方法。因此，输出结果为：“failure 1”。
示例2中，第一个 then() 同样抛出一个错误，导致第二个 then() 被跳过，而进入 catch() 方法。然后，catch() 方法又返回一个 resolved Promise，因此，第三个 then() 方法又被执行了。由于此时 Promise 的状态已经是 resolved，因此输出结果为：“failure 2”和“success 2”。
在示例3中，第一个 then() 执行成功，进入下一个 then() 方法。然后，第二个 then() 抛出一个错误，将 Promise 置为 rejected 状态，然后自动跳转到 catch() 方法。因此，输出结果为：“success 3”和“failure 3”。
综上所述，then() 和 catch() 方法的顺序十分重要。正确的顺序可以保证 Promise 的正常执行，并能够更好地处理 Promise 的错误和异常情况。
指导意义
在实际开发中，我们应该牢记 Promise then() 和 catch() 的顺序，尽量避免使用错误的顺序造成程序错误。下面是一些使用 Promise then() 和 catch() 的最佳实践。
- 在使用 then() 和 catch() 方法时，应该避免使用嵌套的形式，而采用链式编程的方式，更加清晰、简洁和易于理解。
-- -------------------- ---- -------
-- -----
----------------------
-------- -- -
------ -----------------------
--
--------- -- -
-----------------
------ ----------------------
--
-------- -- -
-----------------------
--
---------- -- -
-----------------
---
-- -------
----------------------
-------- -- -----------------------
--------- -- -
-----------------
------ ----------------------
--
---------- -- -
-----------------
---- 在使用 then() 方法时，尽量减少在方法中使用 throw。最好使用 return 语句返回 resolved Promise 或 rejected Promise。如果一定要使用 throw，那么可以在链式调用前加一个 catch() 方法，用于捕捉错误。
-- -------------------- ---- -------
-- ------
----------------------
-------- -- -
----- --- -------------
--
---------- -- -
-----------------
------ --------------------
--
-------- -- -
-----------------------
--
---------- -- -
-----------------
---
-- -----
----------------------
-------- -- ----------------------
---------- -- -
-----------------
------ --------------------
--
-------- -- -
-----------------------
--
---------- -- -
-----------------
---- 在使用 catch() 方法时，应该尽量更加具体地描述错误类型，以便于更好地处理错误信息。可以使用原生的 Error 类或自定义的错误类，以便于更好地区分错误类型。
-- -------------------- ---- -------
----- ------------ -
------------------- -------- -
----------- - -------
------------ - --------
-
-
----------------------
-------- -- -
------ ------------------ ----------------- --------- ------ ---------
--
---------- -- -
-- ---- ---------- ------------ -- ---------- --- ---- -
------------------ ----- ----------------
------------------ -------- -----------------
-
---- -
-----------------
-
---结论
Promise then() 和 catch() 的顺序对于 Promise 的执行顺序和结果具有重要影响。正确的使用 Promise then() 和 catch() 的顺序可以有效地处理 Promise 的错误和异常情况。在实际开发中，我们应该尽量避免使用嵌套的形式，减少在 then() 方法中使用 throw，并更加具体地描述错误类型。只有以正确的方式使用 Promise then() 和 catch()，我们才能写出更加优雅、简洁和易于维护的 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6715f488ad1e889fe219bb1f