如何为每个 Promise 巧妙地重置超时时间？

2024-06-01 08:09:52

如何巧妙地为每个 Promise 重置超时时间

前言

在现代编程中，处理异步任务变得越来越普遍。JavaScript 中的 Promise 提供了一种优雅的方式来管理这些任务，但设置和重置每个 Promise 的超时时间却是一个常见难题。本文将深入探讨这一问题，并提供一个巧妙且高效的解决方案。

问题：每个 Promise 固定超时时间

假设我们有一个包含多个 Promise 的数组，每个 Promise 代表一项异步任务。我们的目标是设置一个超时时间，以确保任务在指定时间内完成。然而，我们遇到了一个问题：每个 Promise 的超时时间都固定为 60 秒，无论任务是否成功完成。

解决方案：竞速 Promise

为了解决这个问题，我们可以使用 Promise.race() 方法。该方法接收一个 Promise 数组，并返回率先解决的 Promise。通过将 Promise.race() 与具有自定义超时的单独 Promise 结合使用，我们可以为每个 Promise 实现超时重置。

代码示例

以下代码示例展示了如何实现此解决方案：

const promises = [
  asyncTask1(),
  asyncTask2(),
  asyncTask3()
];

const timeoutPromise = new Promise((resolve) => {
  setTimeout(() => {
    resolve('timeout');
  }, 60000); // 60 秒超时
});

Promise.race([
  Promise.all(promises),
  timeoutPromise
])
.then((result) => {
  // 检查结果是否为 'timeout'，如果是，则采取行动
  if (result === 'timeout') {
    // ...
  } else {
    // ...
  }
})
.catch((error) => {
  // 处理错误
});

代码解析

对于每个 Promise，我们创建一个额外的 Promise timeoutPromise，它在 60 秒后超时。
我们使用 Promise.race() 竞速两个 Promise：timeoutPromise 和包含实际任务 Promise 的数组 (promises)。
Promise.race() 返回率先解决的 Promise，无论是实际任务还是超时。
如果实际任务在超时之前完成，则 timeoutPromise 将被取消，Promise.race() 将返回实际任务的结果。
如果实际任务在超时后完成，则 timeoutPromise 将率先解决，Promise.race() 将返回 'timeout'。
我们处理 'timeout' 结果并采取相应行动，例如取消正在进行的进程或显示错误消息。