JavaScript异步编程怎样处理超时

在 JavaScript 中，可以使用 Promise 和 setTimeout 结合来实现异步操作的超时处理。以下是一个简单的示例：

function asyncOperation(operation, timeout) {
  return new Promise((resolve, reject) => {
    // 创建一个定时器，用于在指定时间后执行操作
    const timer = setTimeout(() => {
      reject(new Error('Operation timed out'));
    }, timeout);

    // 执行异步操作，并在操作完成后清除定时器
    operation()
      .then((result) => {
        clearTimeout(timer);
        resolve(result);
      })
      .catch((error) => {
        clearTimeout(timer);
        reject(error);
      });
  });
}

// 使用示例
const operation = () => {
  return new Promise((resolve) => {
    console.log('异步操作开始');
    setTimeout(() => {
      console.log('异步操作完成');
      resolve();
    }, 2000);
  });
};

asyncOperation(operation, 1000)
  .then((result) => {
    console.log('操作成功');
  })
  .catch((error) => {
    if (error.message === 'Operation timed out') {
      console.log('操作超时');
    } else {
      console.log('操作失败');
    }
  });

在这个示例中，我们定义了一个名为 asyncOperation 的函数，它接受两个参数：一个异步操作函数 operation 和一个超时时间 timeout（以毫秒为单位）。这个函数返回一个新的 Promise，当异步操作在指定时间内完成时，Promise 会被解析；否则，它会被拒绝并返回一个包含超时错误的消息。

我们可以通过调用 asyncOperation 函数并传入异步操作函数和超时时间来执行异步操作并处理超时。在这个示例中，我们模拟了一个耗时 2 秒的异步操作，并设置了 1 秒的超时时间。因此，操作会因为超时而失败，并在控制台输出 “Operation timed out”。