JavaScript 中实现 sleep

来自推特上 Windows 故障分析的笑话 图片来源：me.me

推上看到的笑话，Windows 故障分析的实现。

然后想起来 JavaScript 中如何实现这个 sleep() 函数让代码暂停指定时间。

异步版本

借助 Promise 这事很好实现。

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

创建一个 Promise，等待指定时间后 resolve 掉即可。

但，Promise 是异步的，它要求后续代码要么包含在 then 里面，要么通过 async/await 来调用。

所以使用起来应该像这样子，

function testSleep() {
  console.log("will sleep for 1s");
  sleep(1000).then(() => {
    console.log("will sleep for another 5s");
    sleep(5000).then(() => {
      console.log("waked up");
    });
  });
}
testSleep();

或者这样子：

async function testSleep() {
  console.log("will sleep for 1s");
  await sleep(1000);
  console.log("will sleep for another 5s");
  await sleep(5000);
  console.log("waked up");
}
testSleep();

测试 sleep

当然后者会更加优雅些，但本质上都是需要保证后续代码在 Promise 回调中执行。如何有回调之外的代码，则不会被阻断，这便是其缺点。

async function testSleep() {
  console.log("will sleep for 1s");
  await sleep(1000);
  console.log("will sleep for another 5s");
  await sleep(5000);
  console.log("waked up");
}
testSleep();

//