Promise 是 JavaScript 中一种常用的异步编程方式，其中 then 和 catch 用于处理 Promise 返回成功和失败的情况。在 Promise 的链式调用中，有时我们需要根据某些条件来控制 then 和 catch 的执行顺序。本文将介绍 Promise 中 then 和 catch 执行顺序的前后转换技巧。
Promise 中 then 和 catch 的执行顺序
在 Promise 链式调用中，then 和 catch 均返回 Promise 对象，因此它们可以链式调用。具体来说，对于一个 Promise，当它的状态从等待变为成功时，将执行当前 Promise 的 then 方法；当它的状态从等待变为失败时，将执行当前 Promise 的 catch 方法。另外，如果在一个 then 中 return 一个 Promise，则会等待该 Promise 状态发生变化后才会执行下一个 then。
下面是一个例子，用于演示 Promise 中 then 和 catch 的执行顺序：
Promise.resolve()
.then(() => console.log('then 1'))
.then(() => console.log('then 2'))
.catch(() => console.log('catch 1'))
.then(() => console.log('then 3'))
.catch(() => console.log('catch 2'));在执行完这段代码后，输出的结果是：
then 1 then 2 then 3
如果修改一下 Promise 的状态：
Promise.reject()
.then(() => console.log('then 1'))
.then(() => console.log('then 2'))
.catch(() => console.log('catch 1'))
.then(() => console.log('then 3'))
.catch(() => console.log('catch 2'));输出的结果将是：
catch 1 then 3
可以看到，在 Promise 的链式调用中，then 和 catch 的执行顺序是由 Promise 的状态决定的。如果 Promise 的状态为成功，则先执行 then 方法，然后执行 catch 方法。如果 Promise 的状态为失败，则先执行 catch 方法，然后执行 then 方法。
Promise 中 then 和 catch 执行顺序的前后转换技巧
但有时我们需要控制 then 和 catch 的执行顺序，比如在某个 then 中要根据一些条件决定后续的操作是否要放到 catch 中进行处理。在这种情况下，那么我们可以用 then 和 catch 的前后转换技巧来控制 then 和 catch 的执行顺序。
具体来说，我们可以在 then 中 return 一个具有 reject 方法的 Promise 对象，这样就可以将 then 转换为 catch。这个 reject 方法会在下一个 catch 中被捕获，从而实现控制 then 和 catch 的执行顺序。
下面是一个例子：
-- -------------------- ---- -------
----- ------- - ------------------
-------
-------- -- ----------------- ----
-------- -- -
-- -------------- - ---- -
------ ------------------------
-
--
-------- -- ----------------- ----
--------- -- ------------------ ----
-------- -- ----------------- ----
--------- -- ------------------ -----可以看到，在第二个 then 中根据一定的概率，将其转换为了 catch，便于在后续处理逻辑中更好的控制执行顺序。
总结
在 Promise 链式调用中，then 和 catch 均返回 Promise 对象，因此它们可用于链式调用，实现异步编程。在实际开发过程中，有时需要控制 then 和 catch 的执行顺序，可以将 then 转换为 catch，从而控制执行顺序。以上就是 Promise 中 then 和 catch 执行顺序的前后转换技巧，希望可以帮助读者更好地使用 Promise 实现异步编程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6500e33495b1f8cacdeccf8b