JavaScript/jQuery Promise 链接

Question

我真的希望有人能帮助我解决这个问题，尽管我无法（保密问题）分享太多信息。基本上，我编写了这个函数来重试失败的承诺：

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 不会触发。我知道原因是因为每个递归调用都会创建一个新的承诺，所以我在最后一行中听到的承诺与得到解决的承诺不同，但我很难弄清楚如何解决这个问题。我希望这个函数是一个通用的重试函数，因此不想处理该方法的实际成功，但我没有看到任何其他方式。任何帮助将不胜感激！

Answer 1

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

看起来您正在尝试做正确的事情 - return 来自您的 .catch 回调的下一个结果。但是，setTimeout 不会返回承诺，因此retryOnFailure() 将立即被解析（带有超时取消 id）。

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

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

现在我们可以使用它在延迟后链接重试，并从中获得承诺：

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

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

Answer 2

这是第一个想到的方法，可能还有更优雅的解决方案：

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

retryOnFailure(getStuff, function(res) { console.log(res) });

Answer 3

问题是你打电话给setTimeout，它破坏了你的承诺。试试这样的：

function retryOnFailure(func) {
  return new Promise(function(resolve) {
    func().then(function(resp) {
      resolve(resp);
    }).catch(function(err) {
      setTimeout(function() {
        retryOnFailure(func).then(resolve);
      }, 5000)
    });
  });
};

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

请注意我是如何在函数内部创建了一个新的 Promise，它从不抛出错误，而是简单地尝试处理 func() 并在失败时递归自身。

设置某种重试限制也是一个好主意。

祝你好运！