JavaScript 中巧妙模拟 sleep 函数，让代码停歇有度

2023-10-15 12:02:05

前言

在编程世界中，sleep 函数是一个非常有用的工具，它允许程序在继续执行之前等待一段时间。在 JavaScript 中，原生并没有 sleep() 函数，这给许多程序员带来了困扰。然而，这并不意味着我们无法在 JavaScript 中实现代码的休眠。本文将介绍多种方法，让您在 JavaScript 中轻松实现代码的等待功能。

方法一：setTimeout

setTimeout() 函数是 JavaScript 中最简单的方法之一，它允许您在指定的时间后执行一个函数。语法如下：

setTimeout(function, milliseconds);

其中，function 是您想要执行的函数，milliseconds 是您想要等待的时间（以毫秒为单位）。例如，以下代码将等待 1 秒后，然后在控制台中记录一条消息：

setTimeout(function() {
  console.log("Hello, world!");
}, 1000);

方法二：setInterval

setInterval() 函数与 setTimeout() 函数类似，但它会以指定的间隔重复执行一个函数。语法如下：

setInterval(function, milliseconds);

其中，function 是您想要执行的函数，milliseconds 是您想要等待的时间（以毫秒为单位）。例如，以下代码将每 1 秒在控制台中记录一条消息：

setInterval(function() {
  console.log("Hello, world!");
}, 1000);

方法三：yield

yield 是一个，它允许您在生成器函数中暂停执行。语法如下：

yield expression;

其中，expression 是您想要暂停执行的表达式。例如，以下代码将创建一个生成器函数，该函数将每 1 秒在控制台中记录一条消息：

function* helloWorld() {
  while (true) {
    yield console.log("Hello, world!");
    yield new Promise(resolve => setTimeout(resolve, 1000));
  }
}

const generator = helloWorld();

generator.next();
generator.next();
generator.next();

方法四：async/await

async/await 是 JavaScript 中的新特性，它允许您以同步的方式编写异步代码。语法如下：

async function helloWorld() {
  await new Promise(resolve => setTimeout(resolve, 1000));
  console.log("Hello, world!");
}

helloWorld();

方法五：Promise

Promise 是 JavaScript 中另一个有用的工具，它允许您处理异步操作。语法如下：

const promise = new Promise((resolve, reject) => {
  // 异步操作
});

promise.then(result => {
  // 成功处理结果
}, error => {
  // 失败处理错误
});

您可以使用 Promise 来实现 sleep 函数，如下所示：

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

sleep(1000).then(() => {
  console.log("Hello, world!");
});