在前端开发中，使用 Promise 可以有效地解决异步编程的问题。而 Promise 的链式调用则是 Promise 的一个重要特性，它可以让我们在一个 Promise 对象中多次调用 then 函数，以便在不同的阶段处理 Promise 对象返回的结果。
Promise 链式调用的基本语法
Promise 的链式调用基本语法如下：
promise .then(onFulfilled) .then(onFulfilled2) .then(onFulfilled3) .catch(onRejected);
其中，promise 表示一个 Promise 对象，then 函数用于处理 Promise 对象的成功状态，catch 函数用于处理 Promise 对象的失败状态。onFulfilled、onFulfilled2、onFulfilled3 分别表示在 Promise 对象成功状态下需要执行的回调函数。
在 Promise 的链式调用中，每次调用 then 函数都会返回一个新的 Promise 对象。当 Promise 对象的状态为成功时，then 函数会执行 onFulfilled 回调函数，并将其返回值作为一个新的 Promise 对象的成功状态值；当 Promise 对象的状态为失败时，则会跳过所有 then 函数，直接执行 catch 函数，并将 Promise 对象的失败状态值作为 catch 函数的参数。
Promise 链式调用的应用场景
Promise 的链式调用可以用于处理多个异步操作的结果。例如，我们需要通过 Ajax 请求获取用户信息和用户订单信息，然后再将这些信息显示在页面上。这时，我们可以使用 Promise 的链式调用来实现：
-- -------------------- ---- -------
--- ----------- - -- -- -
------ --- ----------------- ------- -- -
--------
---- -------------
----- ------
-------- ------ -- -
--------------
--
------ ----- ------- ------ -- -
--------------
-
---
---
--
--- ------------ - ---------- -- -
------ --- ----------------- ------- -- -
--------
---- --------------
----- ------
----- - -------- ----------- --
-------- ------ -- -
--------------
--
------ ----- ------- ------ -- -
--------------
-
---
---
--
-------------
---------------- -- -
------ -----------------------
--
----------------- -- -
-- -----------
------------------------------------
------------------------------------------
--
-------------- -- -
-------------------
---在上面的示例中，我们首先通过 getUserInfo 函数获取用户信息，然后将获取到的用户信息作为参数传递给 getUserOrder 函数，获取用户订单信息。最后，我们将用户信息和用户订单信息显示在页面上。
Promise 链式调用的注意事项
在使用 Promise 链式调用时，需要注意以下几点：
在 then 函数中返回一个新的 Promise 对象，才能继续调用下一个 then 函数；否则，下一个 then 函数将无法执行。
在 then 函数中，可以返回一个值或一个 Promise 对象。如果返回一个值，则该值将作为一个新的 Promise 对象的成功状态值；如果返回一个 Promise 对象，则该 Promise 对象的状态将决定新的 Promise 对象的状态。
在 then 函数中，可以抛出一个异常。如果抛出一个异常，则该异常将作为一个新的 Promise 对象的失败状态值。
总结
在前端开发中，Promise 的链式调用是一项非常重要的技术。通过链式调用，我们可以处理多个异步操作的结果，并将这些结果显示在页面上。在使用 Promise 链式调用时，需要注意返回值、异常处理等细节，以确保代码的正确性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65ffdf68d10417a222b1e4d6