在前端开发中，我们经常需要处理异步任务，Promise 是最常用的处理异步的方式之一。Promise 提供了 then 和 catch 方法来处理异步操作的成功和失败的情况。但是，对这两个方法的执行顺序及错误处理机制可能不够清晰。下面我们将详细介绍 Promise 的 then 和 catch 方法的执行顺序及错误处理机制。
Promise 的 then 方法
Promise 的 then 方法用于处理异步任务成功的情况。其语法为：
promise.then(onFulfilled, onRejected)
其中，onFulfilled 为成功的回调函数，onRejected 为失败的回调函数。当 Promise 对象的状态为 fulfilled（成功）时，会执行 onFulfilled 方法；当 Promise 对象的状态为 rejected（失败）时，会执行 onRejected 方法。
多个 then 方法可以链式调用，如：
promise.then(onFulfilled1, onRejected1) .then(onFulfilled2, onRejected2) .then(onFulfilled3, onRejected3)
链式调用的时候，每一个 then 方法的返回值都是一个新的 Promise 对象。
Promise 的 catch 方法
Promise 的 catch 方法用于处理异步任务失败的情况。其语法为：
promise.catch(onRejected)
其中，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