JavaScript/jQuery Promise 链

Question

尽管我无法(保密问题)分享太多信息，但我真的希望有人可以帮助我解决这个问题。基本上，我编写这个函数是为了重试失败的 promise :

function retryOnFailure(func) {
  return func().then(function(resp) {
    return resp
  }, function(err) {
    return setTimeout(function() {
      return retryOnFailure(func)
    }, 5000)
  }
)}

然后我有这个代码来使用它:

function getStuff() {
  return $.get('/some/endpoint')
}

retryOnFailure(getStuff).then(function(res) { console.log(res) })

现在，递归重试函数工作正常，但如果在 retryOnFailure 中遇到错误情况，最后一行代码中的 then 不会触发。我知道原因是因为每个递归调用都会创建一个新的 promise ，因此我在最后一行中听到的 promise 与得到解决的 promise 不同，但我很难弄清楚如何解决这个问题。我希望这个函数成为一个通用的重试函数，因此不想处理该方法中的实际成功，但我没有看到任何其他方法。任何帮助将不胜感激!

Answer 1

return setTimeout(function() {
    return retryOnFailure(func)
}, 5000)

看起来您正在尝试做正确的事情 - 从 .catch 回调中返回下一个结果。但是，setTimeout 不会返回 Promise，因此 retryOnFailure() 将立即解决(使用超时取消 ID)。

相反，您需要确保为您使用的所有异步函数生成 Promise，因此让我们从 Promisifying setTimeout 开始:

function delay(ms) {
  return new Promise(function(resolve, reject) {
    setTimeout(resolve, ms);
  });
}

现在我们可以使用它来链接延迟后的重试，并从中获得 promise :

function retryOnFailure(func) {
  return func().then(null, function(err) {
    return delay(5000).then(function() {
      return retryOnFailure(func);
    });
  });
}

请注意，除了 .then(null, …)，您还可以使用 .catch(…)。