在承诺中超时功能的最佳一般做法是什么[关闭]

Question

通过超时承诺函数调用

我看到许多资源都提供了类似的示例，这些示例使用Promise.race 在给定时间段内使函数调用超时。这是一个很好的例子，说明了如何在实践中使用Promise.race。下面是一些示例代码：

function doWithinInterval(func, timeout) {
    var promiseTimeout = new Promise(function (fulfill, reject) {
       // Rejects as soon as the timeout kicks in
       setTimeout(reject, timeout);
    });
    var promiseFunc = new Promise(function (fulfill, reject) {
        var result = func(); // Function that may take long to finish
        // Fulfills when the given function finishes
        fulfill(result);
    });

    return Promise.race([promiseTimeout, promiseFunc]);
}

上面使用Promise.race 的简单方法会在func 完成之前超时启动时立即拒绝承诺。否则，一旦func 函数在超时间隔之前完成，项目就会完成。

这听起来不错且易于使用。

但是，这是在 Promise 中使用超时的最佳做法吗？

当然，如果我们想使用 Promises 对函数调用设置超时，则可以使用上述方法。这些行动似乎仍然是一个很好的承诺。但是，这是否被认为是在 Promise 中使用超时的好习惯？如果没有，使用它有什么缺点？

我一直在寻找替代方法，但找不到本地 Promise 方法来执行此操作。

相反，一些外部 Promise 库提供timeout 功能，如下所示：

• 蓝鸟供应.timeout()

• WinJS 也提供 .timeout()

• Q还附带.timeout()。

但是，Promise.timeout() 似乎不是标准 ECMAScript 6 API 的一部分（如果我错了，请纠正我）。是否有任何推荐的方法来使用 ES6 Promises 本地处理超时？

Answer 1

这取决于你所说的超时是什么意思。

如果您希望函数停止，那么不会。

如果你只想停止等待，那么可以（在 ES6 中快速启动）：

var wait = ms => new Promise(resolve => setTimeout(resolve, ms));
var timeout = (p, ms) => Promise.race([p, wait(ms).then(() => {
    throw new Error("Timeout after " + ms + " ms");
})]);

var wait = ms => new Promise(resolve => setTimeout(resolve, ms));
var timeout = (p, ms) => Promise.race([p, wait(ms).then(() => {
  throw new Error("Timeout after " + ms + " ms");
})]);

// Example:

var log = msg => div.innerHTML += "<p>" + msg + "</p>";
var failed = e => log(e.toString() + ", line " + e.lineNumber);

log("Waiting 5 seconds...");
timeout(wait(5000), 2000)
.then(() => log("...Done."))
.catch(failed);

<div id="div"></div>

如果您想取消该操作（使其停止），那么希望该操作附带一个 API 来取消它，并且您应该使用它，因为 ES6 承诺不是控制界面.

Cancelable promises 在 ES6 中是一个有争议的话题，但提到的一些库确实提供了这个概念。

Answer 2

本机 Promise.race 方法不会在实际 Promise 完成后清除超时 Promise 的计时器，因此该进程将等待直到超时 Promise 也完成。这意味着如果您将超时设置为 1h，并且我们的承诺在 1 分钟后完成，那么该进程将等待 59 分钟然后退出。

改用这个方法：

export function race({promise, timeout, error}) {
  let timer = null;

  return Promise.race([
    new Promise((resolve, reject) => {
      timer = setTimeout(reject, timeout, error);
      return timer;
    }),
    promise.then((value) => {
      clearTimeout(timer);
      return value;
    })
  ]);
}