承诺中的无限循环捕获回调错误

Question

我非常确信我误解了 Promise 的工作原理，但很多阅读都未能解决我的问题。

我有一个调用另一个模块的现有代码，该模块刚刚被更改为使用 Promise。使用旧版本看起来像这样：

function(params, cb) {
  .....
  asyncFunc(p1, (err, res) => {
    if (!err)
       .....
       cb(null,'msg');
    else
       cb(err);
  };
};

将其更改为：

function(params, cb) {
  .....
asyncFuncwithPromise(p1).then(res = > {
    ...  // X
    return cb(null,'msg');
}).catch(err => {
    cb(err);
});

如果第 X 行的代码抛出异常，这将进入 catch()->then() 的无限循环。从捕获中删除回调，一切都很好。谁能解释一下？

Answer 1

除非cb() 调用asyncFuncWithPromise()，否则不确定如何在此处创建无限循环。

我喜欢将 Promise 回调链视为两条平行的轨道。要继续成功 (then()) 轨道，请使用 return 关键字。要继续失败 (catch()) 跟踪，请使用 throw 关键字。链条的轨迹可以随时切换，但回调只会线性执行；也就是说，在链中较早定义的回调不能在后面定义的回调之后执行。链条总是向前推进，不能进入循环。

Promise.resolve()
  .then(()=>{ // 1S
    if (Math.floor(Math.random() * 2))
      return "success"; // continue down "success" (then) track
    else
      throw "fail"; // continue down "failure" (catch) track
  })
  .then(r=>{ // 2S
    return "all good: " + r;
  })
  .catch(e=>{ // 2F
    // use 'return' to recover, continue down "success" track
    return "recovered from error: " + e;
  })
  .then(r=>{ // 3S
    console.log(r); // always executed
  })
  .catch(e=> { //3F
    console.error(e); // never executed
  });

在本例中，console.log() 链中的最后一个成功链接 (3S) 将始终执行，因为 catch() 链接 (2F) 使用 return 使链回到成功轨道。当然，如果每个链接都使用throw关键字，则可以为多个链接跟踪故障跟踪。

当使用 Promise 构造函数创建新的 Promise 时，成功和失败轨迹最初对应于解析器中提供的 resolve 和 reject 函数。因此，这之间没有区别（功能上）：

function getPromise(...) {
  return new Promise((resolve, reject)=>{
    /* do something... */
    if (condition) {
      resolve(result);
    } else {
      reject(error);
    }
  });
}

还有这个：

function getPromise(...) {
  return Promise.resolve().then(()=>{
    /* do something... */
    if (condition)
      return result;
    else
      throw error;
  });
}

这些之间的区别微妙地与 Promise 链中的链接如何遵循运行时事件框架有关。这可能因实现而异，但通常then() 或catch() 回调被推迟到执行帧的下一个后继帧。