JavaScript中的Promise链式调用与错误处理

1. 描述
Promise链式调用是JavaScript中处理异步操作的重要模式，它允许按顺序执行多个异步任务，并通过.then()、.catch()和.finally()方法管理结果和错误。链式调用的核心在于每个.then()会返回一个新的Promise，从而形成链式结构。错误处理则通过catch方法统一捕获链中任意环节的异常，避免回调地狱。

2. Promise链式调用的基本规则

• 每个.then()或.catch()都会返回一个新的Promise对象，其状态由回调函数的执行结果决定：
  • 若回调返回普通值（非Promise），新Promise状态为fulfilled，值为该返回值。
  • 若回调返回Promise，新Promise的状态和值与返回的Promise一致。
  • 若回调抛出异常（throw），新Promise状态为rejected，值为异常信息。

3. 链式调用示例与逐步解析

// 示例：模拟异步任务（如请求数据、读写文件）
function asyncTask(value, delay = 100) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (value > 0) resolve(`成功: ${value}`);
      else reject(`失败: ${value}`);
    }, delay);
  });
}

// 链式调用流程
asyncTask(1)
  .then((result) => {
    console.log(result); // "成功: 1"
    return asyncTask(2); // 返回新Promise，继续链式调用
  })
  .then((result) => {
    console.log(result); // "成功: 2"
    return "直接返回值"; // 返回普通值，下一then接收
  })
  .then((result) => {
    console.log(result); // "直接返回值"
    return asyncTask(-1); // 触发reject
  })
  .then((result) => {
    console.log("此处不会执行"); // 因上一步rejected，跳过后续then
  })
  .catch((error) => {
    console.log("捕获错误:", error); // "失败: -1"
  });

4. 错误处理的链式传播机制

• 链中任意环节的rejected状态会跳过后续的.then()，直接寻找最近的.catch()。
• 若没有.catch()，错误会作为未处理的Promise拒绝（可通过unhandledRejection事件捕获）。
• .catch()本身也返回Promise，因此其后可继续接.then()（例如错误恢复后继续执行）：

asyncTask(-1)
  .catch((error) => {
    console.log("捕获错误:", error);
    return "错误修复后的值"; // 返回新值，后续then继续执行
  })
  .then((result) => {
    console.log(result); // "错误修复后的值"
  });

5. 链式调用中的隐式Promise解析
若.then()的回调返回一个thenable对象（即包含then方法的对象），Promise会尝试解析其状态：

.then(() => {
  return {
    then(resolve, reject) {
      resolve("Thenable对象解析的值");
    }
  };
})
.then((result) => console.log(result)); // "Thenable对象解析的值"

6. 实战技巧与常见陷阱

• 避免链式调用中断：在.then()内部使用throw或返回rejected的Promise会触发错误，需确保错误被捕获。
• 合理使用.finally()：无论Promise成功或失败，.finally()都会执行，适用于清理操作（如关闭加载动画）。
• 链式调用与async/await结合：在async函数中，可用await替代部分链式调用，但需注意错误需用try/catch处理。

通过以上步骤，可掌握Promise链式调用的核心逻辑与错误处理机制，从而编写更健壮的异步代码。