Promise有哪些状态？如何链式调用？

在JavaScript的异步编程中，Promise提供了一种更优雅地处理异步操作的模式。理解其状态机制和链式调用是掌握现代异步流程控制的核心，它使我们能够告别传统的“回调地狱”，编写出更具可读性的代码。

Promise的三种状态

一个Promise对象必然处于以下三种状态之一：等待中（pending）、已兑现（fulfilled）或已拒绝（rejected）。状态的变化是单向且不可逆的：从“pending”开始，最终只能变为“fulfilled”或“rejected”中的一种。

const myPromise = new Promise((resolve, reject) => {
  // 异步操作，例如API请求
  setTimeout(() => {
    const success = true;
    if (success) {
      resolve('操作成功');
    } else {
      reject('操作失败');
    }
  }, 1000);
});

一旦状态落定（settled），无论是成功还是失败，其结果值就不会再改变。这种确定性的状态模型是Promise可靠性的基础。

链式调用的工作原理

Promise的魅力在于其链式调用能力。通过.then()、.catch()和.finally()方法，我们可以将多个异步操作串联起来。每个.then()方法都会返回一个新的Promise，这为链式调用提供了可能。

fetch('/api/data')
  .then(response => response.json())
  .then(data => {
    console.log('获取数据:', data);
    return processData(data);
  })
  .then(processed => {
    console.log('处理结果:', processed);
  })
  .catch(error => {
    console.error('链中任何环节出错:', error);
  })
  .finally(() => {
    console.log('请求结束，无论成功失败');
  });

在上面的链条中，只有当第一个fetch成功后，才会调用下一个.then()来处理响应体。如果链条中的任何一个环节抛出错误或返回一个被拒绝的Promise，控制权将直接跳转到后续的第一个.catch()处理程序。

链式调用中的值传递与错误处理

在链式调用中，前一个.then()回调的返回值，会成为后一个.then()回调的参数。如果返回的是一个非Promise值，它会被自动包装成一个已兑现的Promise；如果返回的是另一个Promise，则会等待这个Promise落定。

doAsyncTask()
  .then(result => `结果: ${result}`)
  .then(message => new Promise(resolve => {
    setTimeout(() => resolve(message + '!'), 500);
  }))
  .then(finalMessage => console.log(finalMessage));

.catch()不仅用于捕获拒绝状态，它本身也会返回一个新的Promise。如果.catch()成功处理了错误，它后面的.then()仍会被继续执行，这使得错误恢复和流程控制变得更加灵活。

在实践中，清晰的链式结构让异步代码的逻辑顺序一目了然。记住，始终在链条的末尾使用.catch()来捕获整个链条中可能未被处理的拒绝状态，这是一个良好的编程习惯。结合async/await语法，Promise成为构建可维护异步应用的基石。