在前端开发过程中，异步操作是经常会遇到的问题。而 Promise 是 ES6 新增的一个解决方案，它可以让异步操作更加简单、直观。
Promise 的 then 方法是用来处理 Promise 状态发生变化时该执行的回调函数。同时，我们也可以在 then 方法中返回一个新的 Promise，以便形成链式调用。
但是，这里有一个问题：Promise 的 then 真的可以链式调用吗？
Promise 的 then 方法
在深入探讨链式调用之前，我们先来回顾一下 Promise 的 then 方法。
promise.then(onFulfilled, onRejected)
- promise：需要处理的 Promise 对象。
- onFulfilled：Promise 成功时的回调函数。
- onRejected：Promise 失败时的回调函数。
在 Promise 状态发生变化时，then 方法会根据 Promise 状态执行对应的回调函数。例如：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
------------- -- -
---------------
-- -----
--
-------------
---- -- -
-----------------
------ ---------
--
----- -- -
------------------
-
-------
------- -- -
--------------------
--
----- -- -
------------------
-
-在上述代码中，我们创建了一个 Promise，并在 1 秒后成功地执行了该 Promise，并返回了 data。此时，第一个 then 方法的成功回调函数会被执行，并打印出 data。然后，我们在第一个 then 方法中返回了一个新的值 newData，并在第二个 then 方法中打印它。
Promise 的链式调用
Promise 的 then 方法不仅可以用来处理回调函数，还可以返回一个新的 Promise，以便我们形成链式调用。
例如，我们可以在一个 then 方法中返回一个新的 Promise，并在回调函数中对它进行处理：
-- -------------------- ---- -------
----------------- -- -
-----------------
------ --- ----------------- ------- -- -
------------- -- -
------------------
-- -----
--
--------------- -- -
--------------------
--在上面的代码中，我们在第一个 then 方法中返回了一个新的 Promise，并在回调函数中对它进行了处理。接着，在链式调用中，第二个 then 方法就能够接收到这个新的 Promise 并处理它的结果。
为什么 Promise 的 then 能够链式调用？
上面我们已经看到，Promise 的 then 方法可以返回一个新的 Promise，从而实现链式调用。那么，为什么 Promise 的 then 方法能够实现链式调用呢？
Promise 的 then 方法的特殊之处在于，它不是直接返回一个结果，而是返回一个新的 Promise 对象。这个新的 Promise 对象承载着之前 Promise 对象的状态，并可以传递给后续的 then 方法。
也就是说，第一个 then 方法返回的 Promise 对象会交给第二个 then 方法来处理。如果第一个 then 方法返回了一个值，那么这个值会被作为第二个 then 方法的参数传入，从而实现链式调用。
需要注意的是，如果在一个 then 方法中没有返回值，或者返回了一个普通值而非 Promise 对象，那么后面的 then 方法并不能接收到这个值，例如：
promise.then(data => {
console.log(data)
}).then(newData => {
console.log(newData) // 这里接收不到数据
})总结
Promise 的 then 方法可以用来处理异步操作的状态，并形成链式调用。通过使用 then 方法返回一个新的 Promise 对象，我们可以实现链式调用，并且在链式调用中传递 Promise 对象的状态。
需要注意的是，如果在一个 then 方法中没有返回值，或者返回了一个普通值而非 Promise 对象，那么后面的 then 方法并不能接收到这个值。
以上是 Promise 的 then 方法链式调用的详细介绍。希望本文能够帮助您更好地理解 Promise 的 then 方法的用法和特点，在实际开发中更加灵活地运用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6495482b48841e9894284084