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”。