当前位置：首页 > JavaScript

js实现sleep

2026-03-13 17:17:34JavaScript

在JavaScript中实现类似其他语言中的sleep函数（暂停执行一段时间）可以通过多种方式实现。以下是几种常见的方法：

使用Promise和setTimeout

通过结合Promise和setTimeout，可以创建一个异步的sleep函数，适用于async/await环境。

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

// 使用示例
async function demo() {
  console.log('开始等待');
  await sleep(2000); // 暂停2秒
  console.log('等待结束');
}
demo();

同步阻塞方式（不推荐）

JavaScript本身没有同步的sleep功能，但可以通过循环阻塞主线程实现（仅用于特定场景，如测试或演示，实际开发中应避免）。

function sleepSync(ms) {
  const start = Date.now();
  while (Date.now() - start < ms) {}
}

// 使用示例
console.log('开始阻塞');
sleepSync(2000); // 阻塞2秒
console.log('阻塞结束');

注意：这种方式会冻结页面或服务，不推荐在生产环境中使用。

结合Generator函数

通过yield和Promise，可以用Generator实现类似效果（适用于较旧的环境）。

function* sleepGenerator(ms) {
  yield new Promise(resolve => setTimeout(resolve, ms));
}

// 使用示例
const gen = sleepGenerator(2000);
gen.next().value.then(() => {
  console.log('等待完成');
});

使用Atomics.wait（Node.js环境）

在Node.js中，可以通过Atomics.wait实现同步等待（需SharedArrayBuffer支持）。

js实现sleep

// Node.js示例
function sleepNode(ms) {
  const sharedBuf = new SharedArrayBuffer(4);
  const sharedArr = new Int32Array(sharedBuf);
  Atomics.wait(sharedArr, 0, 0, ms);
}

// 使用示例
console.log('开始等待');
sleepNode(2000); // 同步等待2秒
console.log('等待结束');