Promise 是 JavaScript 中的一种异步编程解决方案，它可以让我们更方便地处理异步操作。在 Promise 中，then 方法是非常重要的一个方法，它可以实现 Promise 的链式调用。在本文中，我们将深入探讨 Promise 的 then 链式调用。
Promise 的 then 方法
Promise 的 then 方法是 Promise 实例对象的一个方法，它接收两个参数：onFulfilled 和 onRejected。当 Promise 状态为 fulfilled 时，调用 onFulfilled；当 Promise 状态为 rejected 时，调用 onRejected。then 方法返回一个新的 Promise 实例对象，这个新的 Promise 实例对象的状态和值由 onFulfilled 或 onRejected 的返回值决定。
下面是一个 then 方法的示例：
-- -------------------- ---- ------- ----- ------- - --- ----------------- ------- -- - -------------- --- -------------------- -- - ------------------- -- ----- -- -------- -- - -------------------- ---
在上面的示例中，我们创建了一个 Promise 实例对象，并在 resolve 中传入了一个值。然后我们调用 then 方法并传入两个函数，第一个函数是 onFulfilled，它会在 Promise 状态变为 fulfilled 时被调用，第二个函数是 onRejected，它会在 Promise 状态变为 rejected 时被调用。在这个示例中，我们的 Promise 状态为 fulfilled，所以 onFulfilled 函数被调用了，并输出了 '成功'。
Promise 的链式调用
在 Promise 中，then 方法可以实现链式调用。我们可以在一个 Promise 的 then 方法中返回另一个 Promise 实例对象，然后继续调用 then 方法。这样，我们就可以在 Promise 中实现多个异步操作的串行执行。
下面是一个 Promise 链式调用的示例：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
------------ ----------
---
-------------------- -- -
------------------- -- ------ -------
------ --- ----------------- ------- -- -
------------ ----------
---
--------------- -- -
------------------- -- ------ -------
------ --- ----------------- ------- -- -
------------ ----------
---
--------------- -- -
------------------- -- ------ -------
---在上面的示例中，我们创建了一个 Promise 实例对象，并在 resolve 中传入了一个值。然后我们调用 then 方法，并在 onFulfilled 函数中返回了另一个 Promise 实例对象。这个新的 Promise 实例对象的状态和值由 onFulfilled 函数的返回值决定。我们继续调用 then 方法，继续返回一个新的 Promise 实例对象，以此类推，实现了 Promise 的链式调用。
Promise 链式调用的错误处理
在 Promise 中，如果一个 then 方法中抛出了异常，那么这个异常会被下一个 then 方法中的 onRejected 函数捕获。如果一个 then 方法中返回了一个 rejected 的 Promise 实例对象，那么下一个 then 方法中的 onRejected 函数也会被调用。
下面是一个 Promise 链式调用的错误处理的示例：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
------------ ----------
---
-------------------- -- -
------------------- -- ------ -------
----- --- ---------- ------- --------
--------------- -- -
-------------------
-- -------- -- -
-------------------- -- ------ ------- -----
------ --- ----------------- ------- -- -
----------- ------- --------
---
--------------- -- -
-------------------
-- -------- -- -
-------------------- -- ------ ------- -----
---在上面的示例中，我们创建了一个 Promise 实例对象，并在 resolve 中传入了一个值。然后我们调用 then 方法，并在 onFulfilled 函数中抛出了一个异常。这个异常被下一个 then 方法中的 onRejected 函数捕获，并输出了异常信息。然后我们在 onRejected 函数中返回了一个 rejected 的 Promise 实例对象，这个 Promise 实例对象的 onRejected 函数也被调用了，并输出了错误信息。
Promise 链式调用的指导意义
Promise 链式调用可以让我们更方便地处理异步操作。在 Promise 中，我们可以把多个异步操作串行执行，避免了回调地狱的问题。同时，Promise 链式调用也可以让我们更方便地处理错误，避免了异常的传递问题。
在使用 Promise 链式调用时，我们需要注意一些问题。例如，我们需要确保每个 then 方法中都返回一个新的 Promise 实例对象，这样才能保证链式调用的正确执行。同时，我们也需要确保错误的处理，避免错误的传递问题。
结论
在本文中，我们深入探讨了 Promise 的 then 链式调用。我们学习了 Promise 的 then 方法的用法，以及如何在 Promise 中实现链式调用。同时，我们也学习了 Promise 链式调用的错误处理方式，以及在使用 Promise 链式调用时需要注意的问题。希望本文能够对大家掌握 Promise 的链式调用有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675a730f1540a401e10ede62