剖析Promise.then，揭秘JavaScript链式调用的奥秘

2024-02-03 19:35:39

Promise.then的运作原理

Promise.then方法接收两个参数：一个用于处理成功结果的函数，另一个用于处理失败结果的函数。当Promise状态变为resolved（已完成）时，则调用第一个函数；当Promise状态变为rejected（已拒绝）时，则调用第二个函数。

链式调用的实现机制

Promise.then方法返回一个新的Promise实例，这个新的Promise实例的状态取决于第一个Promise实例的状态。如果第一个Promise实例的状态是resolved，那么新的Promise实例的状态也变为resolved，并把成功结果作为参数传递给第一个函数；如果第一个Promise实例的状态是rejected，那么新的Promise实例的状态也变为rejected，并把失败结果作为参数传递给第二个函数。

代码示例

const promise = new Promise((resolve, reject) => {
  // 模拟异步操作
  setTimeout(() => {
    resolve('成功结果');
  }, 1000);
});

promise.then(result => {
  console.log(result); // 输出：成功结果
}).then(result => {
  // 这个then不会被执行，因为上一个then没有返回Promise
  console.log(result);
});