实现 sleep 函数.md

实现 sleep 函数

sleep() 函数的作用是让一段程序进入不活跃状态并持续一段时间，很多编程语言都有自己的 sleep 方法，但 JavaScript 没有。

最接近的是 setTimeout，它在指定的一段时间后执行回调内的某些操作：

const printNums = () => {
  console.log(1)
  setTimeout(() => console.log(2), 500)
  console.log(3)
}

printNums()
// 1
// 3
// 2

但你也可能也注意到了，它执行的顺序跟实际 sleep 不符合。

同步版本

使用 new Date().getTime() 可以在 while 循环中用于暂停执行一段时间。

const sleepSync = (ms) => {
  const end = new Date().getTime() + ms
  while (new Date().getTime() < end) {
    // do something
    console.log('Are you sure?')
    break
  }
}

const print = () => {
  console.log('All work and no play makes Jack a dull boy!')
  sleepSync(1000)
  console.log('Yes')
}

print()

异步版本

ES6 新增的 Promise、Generator 和 ES8 的 async/await 可以方便我们实现异步版本的 sleep 方法：

const sleep = (ms) => new Promise((r) => setTimeout(r, ms))

async function print() {
  console.log('All work and no play makes Jack a dull boy!')
  await sleep(1000).then(() => {
    // do something
    console.log('Are you sure?')
  })
  console.log('Yes')
}

print()

需要注意的是：

• sleep 返回的函数必须在异步函数中执行，并且必须使用 await 调用。
• await 仅暂停当前异步函数。这意味着它不会阻止脚本其余部分的执行，这在绝大多数情况下都是你想要的。

更多资料

What is the JavaScript version of sleep()?