js 休眠|极客笔记

js 休眠

在JavaScript中，有时候我们需要让程序暂停一段时间再继续执行，这就涉及到了“休眠”的概念。在其他编程语言中，通常会有像sleep()这样的函数来实现休眠功能，但是在JavaScript中并没有提供内置的休眠函数。本文将详细介绍在JavaScript中实现休眠的几种方法。

方法一：使用setTimeout()

在JavaScript中，可以通过setTimeout()函数来实现休眠的效果。setTimeout()函数用于在指定的时间后执行一段代码。通过将代码块包装在setTimeout()中，并将延迟时间设定为需要休眠的时间，就可以实现休眠的效果。

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

async function example() {
  console.log('Start');
  await sleep(2000); // 休眠2秒
  console.log('End');
}

example();

在上面的示例中，首先定义了一个名为sleep()的函数，该函数返回一个Promise对象，在指定的时间后resolve这个Promise。然后在example()函数中，先打印出“Start”，然后使用await sleep(2000)来实现休眠2秒的效果，最后再打印出“End”。

运行上面的代码，可以看到控制台输出如下：

Start
(等待2秒)
End

方法二：使用async/await结合Promise

除了上面介绍的方法，还可以通过结合async/await和Promise来实现休眠的效果。这种方法相对比较简洁，具有更好的可读性。

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

async function example() {
  console.log('Start');
  await new Promise(resolve => setTimeout(resolve, 2000)); // 休眠2秒
  console.log('End');
}

example();

上面的代码中，example()函数使用了await new Promise(resolve => setTimeout(resolve, 2000))来实现休眠2秒的效果。其实这种方法和前面的方法一样，只是写法稍微不同。

方法三：使用Generator

在ES6之前，JavaScript是没有提供原生的异步编程解决方案的。但是通过使用Generator函数可以实现一种伪异步的效果，从而实现休眠的功能。

function* sleepGenerator(time) {
  yield new Promise(function(resolve) {
    setTimeout(resolve, time);
  });
}

function sleep(time) {
  return sleepGenerator(time).next().value;
}

function example() {
  console.log('Start');
  sleep(2000).then(() => {
    console.log('End');
  });
}

example();

在上面的代码中，sleepGenerator()函数使用Generator函数返回一个迭代器对象，里面是一个Promise对象，通过yield关键字来暂停执行。然后sleep()函数调用sleepGenerator()来生成一个迭代器，并执行.next().value来达到暂停效果。最后在example()函数中，打印“Start”，然后使用sleep(2000).then()来实现休眠2秒后打印“End”。