Promise 的链式调用详解
Promise 是 ES6 新增的一种异步编程解决方案，它的出现让前端开发中的异步操作更加简单。Promise 是解决回调地狱、异步编程和并发控制的重要手段。在 Promise 中，我们可以使用链式调用减少回调嵌套，提高编程效率。
Promise 链式调用的语法如下：
promise.then(onFulfilled, onRejected)
其中 promise 是前一个 Promise 对象，then 方法返回的是一个新的 Promise 对象。onFulfilled 和 onRejected 都是回调函数。onFulfilled 函数会在 Promise 状态变为 resolved 时执行，onRejected 函数会在 Promise 状态变为 rejected 时执行。then 方法可以链式调用多次，每次调用都会返回一个新的 Promise 对象。
下面我们来看一下 Promise 的链式调用实例：
// javascriptcn.com 代码示例
let promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve(1);
}, 1000);
});
promise.then((res) => {
console.log(res); return 2;
})
.then((res) => {
console.log(res); return 3;
})
.then((res) => {
console.log(res);
});这段代码中，我们定义了一个 Promise 对象，它的状态会在 1 秒后变为 resolved，并带有一个值为 1 的参数。我们接着使用 then 方法链式调用多次，在每次 then 方法中打印出一个值，并返回下一个值。
在执行上述代码时，控制台将会依次输出 1、2 和 3。这是因为第一个 then 方法返回了一个值为 2 的新 Promise 对象，第二个 then 方法返回了一个值为 3 的新 Promise 对象，最后一个 then 方法没有返回值。因此，我们在每次 then 方法中都可以对前一个 Promise 对象的返回值进行操作。
当 Promise 对象处于 resolved 状态时， then 方法将立即执行 onFulfilled 回调函数。如果 onFulfilled 函数返回值不是 Promise 对象，则下一个 then 方法会立即执行，传入的参数就是 onFulfilled 函数的返回值。如果 onFulfilled 函数返回值是 Promise 对象，则下一个 then 方法会等待该 Promise 对象状态改变后再执行。如果 Promise 对象状态变为 resolved，则传入下一个 then 方法的参数就是该 Promise 对象回调函数的返回值；如果 Promise 对象状态变为 rejected，则传入下一个 then 方法的参数就是该 Promise 对象回调函数的错误信息。
当 Promise 对象处于 rejected 状态时， then 方法将立即执行 onRejected 回调函数。如果 onRejected 函数返回值不是 Promise 对象，则下一个 then 方法会立即执行，传入的参数就是 onRejected 函数的返回值。如果 onRejected 函数返回值是 Promise 对象，则下一个 then 方法会等待该 Promise 对象状态改变后再执行。如果 Promise 对象状态变为 resolved，则传入下一个 then 方法的参数就是该 Promise 对象回调函数的返回值；如果 Promise 对象状态变为 rejected，则传入下一个 then 方法的参数就是该 Promise 对象回调函数的错误信息。
Promise 链式调用的优点在于，我们可以减少回调嵌套，让代码结构更加清晰易懂。同时，我们可以利用 Promise 对象的状态和值来控制代码执行的流程，从而实现更加复杂的异步编程方案。
总结
Promise 链式调用是一种重要的异步编程解决方案，它可以减少回调嵌套，提高代码可读性和可维护性。在使用 Promise 链式调用时，我们需要注意以下几点：
then 方法返回值是一个新的 Promise 对象。
then 方法可以链式调用多次。
onFulfilled 和 onRejected 都是回调函数，它们可以返回普通值或 Promise 对象。
如果 onFulfilled 或 onRejected 函数返回值是 Promise 对象，则下一个 then 方法会等待该 Promise 对象状态改变后再执行。
如果 Promise 对象状态变为 resolved，则传入下一个 then 方法的参数就是该 Promise 对象回调函数的返回值；如果 Promise 对象状态变为 rejected，则传入下一个 then 方法的参数就是该 Promise 对象回调函数的错误信息。
Promise 链式调用可以实现更加复杂的异步编程方案。
以上是 Promise 链式调用的详细解释和示例代码，希望对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652e77847d4982a6ebf7ea93