Promise 的第二个 .then() 没有失败 [重复]

Question

我在链接 .then() 请求时遇到问题。执行以下代码时：

var prom = new Promise(function(resolve, reject) {
  //let's always fail
  reject(Error("buuuu!"));
});

var thenable = 
prom.then(
    function(done) {
        console.log("First handler: Done!: Argument: ", done);
        return "First then: DONE";
    },
    function(fail) {
        console.error("First handler: Fail!. Argument: ", fail);
        return "First then: FAIL";
    }
).then(
    function(done) {
        console.info("Second handler: Done!.  Argument: ", done);
    },
    function(fail) {
        console.error("Second handler: Fail!.  Argument: ", fail);
    }
);

这会在控制台中打印以下内容：

First handler: Fail!. Argument:  Error {stack: (...), message: "buuuu!"}
Second handler: Done!.  Argument:  First then: FAIL

为什么第二个 then() 调用的是 done 处理程序而不是 fail 处理程序？

这是 Chrome 的错误吗？ （请注意，我只对 Google Chrome 的行为感兴趣）

我是否需要从 .then 处理程序返回预先解决/拒绝的承诺？

Answer 1

为什么第二个 then() 调用了它的 done 处理程序而不是 fail 处理程序？

因为您已经处理了链的第一个 then() 中的错误，所以使用您从它返回的 "First then: FAIL" 字符串解析承诺。

这是 Chrome 的错误吗？

不，promise 应该是这样工作的。

我是否需要从 .then 处理程序返回预先解决/拒绝的 Promise？

你可以这样做，是的。触发第二个失败处理程序的其他方法是：

• 只需省略第一个错误处理程序：

  prom.then(function(done) {
      console.log("First handler: Done!: Argument: ", done);
      return "First then: DONE";
  }).then(function(done) {
      console.info("Second handler: Done!.  Argument: ", done);
  }, function(fail) {
      console.error("Second handler: Fail!.  Argument: ", fail);
  });
  

• 或者重新抛出一个异常（这类似于返回一个被拒绝的承诺）：

  prom.then(function(done) {
      console.log("First handler: Done!: Argument: ", done);
      return "First then: DONE";
  }, function(fail) {
      console.error("First handler: Fail!. Argument: ", fail);
      throw new Error("First then: FAIL"); // or: throw fail;
      // alternatively, you can return a rejected promise:
      return Promise.reject(new Error("First then: FAIL"));
  }).then(function(done) {
      console.info("Second handler: Done!.  Argument: ", done);
  }, function(fail) {
      console.error("Second handler: Fail!.  Argument: ", fail);
  });
  

Answer 2

为什么第二个 then() 调用了它的 done 处理程序而不是 fail 处理程序？

让我们看看你的代码在同步世界中的样子：

var value;
try{
    try {
        throw new Error("buuu!");
        console.log("First handler: Done!: Argument: ");
        value = "First then: DONE";
    } catch(e){
        console.error("First handler: Fail!. Argument: ", e);
        value = "First then: FAIL";
    }
    console.info("Second handler: Done!.  Argument: ", value);
}catch(e){
    console.error("Second handler: Fail!.  Argument: ", e);
}

当您在 catch 子句中处理错误时，就像您在 then 子句中处理错误时一样，您从中恢复。 Promise 示例与我们的同步示例完全相同。

如果您想表明您执行了恢复逻辑但仍处于链上的拒绝状态，请重新抛出。这就是在同步代码中总是这样做的。