在前端开发中，我们经常需要处理异步任务，Promise 是最常用的处理异步的方式之一。Promise 提供了 then 和 catch 方法来处理异步操作的成功和失败的情况。但是，对这两个方法的执行顺序及错误处理机制可能不够清晰。下面我们将详细介绍 Promise 的 then 和 catch 方法的执行顺序及错误处理机制。
Promise 的 then 方法
Promise 的 then 方法用于处理异步任务成功的情况。其语法为：
------------------------- -----------
其中，onFulfilled 为成功的回调函数，onRejected 为失败的回调函数。当 Promise 对象的状态为 fulfilled（成功）时，会执行 onFulfilled 方法；当 Promise 对象的状态为 rejected（失败）时，会执行 onRejected 方法。
多个 then 方法可以链式调用，如：
-------------------------- ------------ ------------------- ------------ ------------------- ------------
链式调用的时候，每一个 then 方法的返回值都是一个新的 Promise 对象。
Promise 的 catch 方法
Promise 的 catch 方法用于处理异步任务失败的情况。其语法为：
-------------------------
其中，onRejected 为失败的回调函数。当 Promise 对象的状态为 rejected（失败）时，会执行 onRejected 方法。catch 方法实际上是 then 方法的一种特殊形式，可以看作是 then(null, onRejected) 的简写。
Promise 的执行顺序
在 Promise 中，then 方法和 catch 方法的执行顺序是有规律的。
首先，当 Promise 对象的状态为 pending（进行中）时，then 和 catch 方法不会执行。当 Promise 对象的状态为 fulfilled 时，then 方法会执行，catch 方法不会执行。当 Promise 对象的状态为 rejected 时，catch 方法会执行，then 方法不会执行。当 Promise 对象的状态已经变成 fulfilled 或 rejected 时，then 和 catch 方法都会执行。
具体地，我们可以通过如下代码来理解 Promise 的执行顺序：
--- ------- - --- ----------------- ------- -- -
-- ----
----- ---- - ----------
-- ----------
------------- -- -
--------------
-- ------
---
------------------ -- -
-------------------- -----
-------------- -- -
--------------------- -----
---代码中的 promise 对象状态将在 1 秒后变为 fulfilled。在这种情况下，then 方法将执行，catch 方法不执行，因为 promise 对象变成了 fulfilled 状态。如果 promise 对象的状态在 1 秒后变为 rejected，则 catch 方法将执行，then 方法不执行。
Promise 的错误处理机制
在 Promise 中，如果发生错误，可以使用 catch 方法来处理错误。当然，也可以在 then 方法中的回调函数中抛出错误，然后在链式调用的后续 catch 方法中进行错误处理。如下所示：
--- ------- - --- ----------------- ------- -- -
-- ----
----- ---- - -----
-- ----------
------------- -- -
-- ------ -
--------------
- ---- -
----------------
-
-- ------
---
------------------ -- -
-- ----------
----- --- ------------ -- --------
-------------------- -----
-------------- -- -
--------------------- -----
---代码中的 promise 对象状态将在 1 秒后变为 rejected。在这种情况下，then 方法不执行，catch 方法将执行。在 then 方法的回调函数中，我们抛出了一个错误，它将被 catch 方法捕获并处理。
上面的例子也提醒我们，在链式调用的操作中，错误应当在 catch 方法中被处理，而不能被默默忽略。
总结
本文介绍了 Promise 的 then 和 catch 方法的执行顺序及错误处理机制。
在 Promise 中，当 Promise 对象的状态为 fulfilled 时，then 方法执行；当 Promise 对象的状态为 rejected 时，catch 方法执行。如果 promise 对象状态为 pending，那么 then 和 catch 方法不会执行。当 Promise 对象的状态已经变成 fulfilled 或 rejected 时，then 和 catch 方法都会执行。
当 Promise 抛出错误时，错误应该在 catch 方法中被处理，而不能被默默忽略。希望对大家对 Promise 的使用有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64e1ba34f6b2d6eab3cedbf3