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