如何用单个catch处理两个Promise？JS新手Promise使用求助

看起来你想要用一个catch来统一处理两个Promise的错误，不过你的代码里有几个小问题需要先修正，我来一步步帮你解决：

首先，你的authUser Promise没有正确处理$.ajax的回调——你只是发起了请求，但没在ajax的成功/失败回调里调用resolve或reject，这会导致这个Promise永远处于pending状态，永远不会触发then或catch。另外，你用了全局的error变量，这其实没必要，我们可以把逻辑封装在Promise内部更清晰。

方案一：顺序执行（先验证再发请求） #

如果你的逻辑是先验证登录是否为空，验证通过后再发起ajax请求，那么用Promise链式调用最合适，这样前面的验证失败会直接跳过后续请求，进入统一的catch：

// 第一步：验证登录输入的Promise
const errorCheck = new Promise((resolve, reject) => {
  const login = $('#inputLogin').val();
  // 用trim处理空字符串的情况（比如用户输入空格）
  if (login.trim() === "") {
    // 直接reject错误对象，不用全局变量
    reject({ status: false, reason: "no login!", result: null });
  } else {
    // 可以把登录值传下去，后面ajax可能需要用到
    resolve(login);
  }
});

// 链式调用：验证通过后发起请求，统一处理错误
errorCheck
  .then(login => {
    // $.ajax本身就返回一个Promise兼容的对象，直接return即可
    return $.ajax({
      url: "src/game/Action.php",
      method: "POST",
      data: { 
        action: "c",
        login: login // 如果需要把登录参数传给后端的话
      }
    });
  })
  .then(authResponse => {
    // 这里处理ajax请求成功的逻辑
    console.log("用户认证成功", authResponse);
    // 比如更新页面状态等
  })
  .catch(error => {
    // 这里会捕获两种错误：
    // 1. errorCheck的验证失败
    // 2. ajax请求的失败（网络错误、服务器报错等）
    console.error("处理出错：", error);
    // 统一显示错误提示，比如：
    // alert(error.reason || "请求失败，请稍后重试");
  });

方案二：并行执行（同时做验证和请求） #

如果你的两个操作是可以并行进行的（比如验证和ajax请求不需要先后顺序），可以用Promise.all，它会等待所有Promise完成，只要有一个失败就会进入catch：

const errorCheck = new Promise((resolve, reject) => {
  const login = $('#inputLogin').val();
  if (login.trim() === "") {
    reject({ status: false, reason: "no login!", result: null });
  } else {
    resolve();
  }
});

// 直接用$.ajax返回的Promise，不用手动包一层
const authUser = $.ajax({
  url: "src/game/Action.php",
  method: "POST",
  data: { action: "c" }
});

// 并行执行两个Promise
Promise.all([errorCheck, authUser])
  .then(([_, authResponse]) => {
    // 两个操作都成功时的处理逻辑
    console.log("验证和认证都完成", authResponse);
  })
  .catch(error => {
    // 捕获任意一个Promise的错误
    console.error("出错了：", error);
  });

关键要点总结： #

• 避免用全局变量传递错误，直接在Promise内部调用reject抛出错误对象。
• $.ajax本身就返回一个Promise兼容的jqXHR对象，不需要再手动封装一层new Promise，除非你需要额外的处理逻辑。
• 链式调用适合有先后顺序的操作，Promise.all适合并行操作，两者都能通过单个catch捕获所有链上/所有并行Promise的错误。

内容的提问来源于stack exchange，提问作者Kalreg