JavaScript 中实现休眠或等待功能及 sleep 函数的方法

在 JavaScript 中，由于其单线程的特性，并没有内置的 sleep 函数来实现休眠或等待功能。但我们可以通过一些技巧和方法来模拟这种效果。

一种常见的方法是使用 setTimeout 函数。setTimeout 允许我们在指定的毫秒数后执行一个回调函数。例如，如果我们想要模拟一个 3 秒钟的休眠，可以这样写：

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

async function example() {
  console.log('开始');
  await sleep(3000);
  console.log('3 秒后');
}

example();

在上述代码中，我们定义了一个 sleep 函数，它返回一个 Promise，在指定的时间后被解决。然后在 example 函数中使用 async/await 来等待这个 Promise 的完成，从而实现了类似休眠的效果。

另一种方法是使用递归和 Date 对象来实现。以下是一个示例：

function sleepRecursive(ms) {
  const start = new Date().getTime();
  while (new Date().getTime() - start < ms) {}
}

function example2() {
  console.log('开始');
  sleepRecursive(3000);
  console.log('3 秒后');
}

example2();

不过这种方法存在性能问题，因为它会在循环中一直占用 CPU 资源。

在实际应用中，要根据具体的需求选择合适的方法。如果涉及到异步操作和更复杂的流程控制，使用 async/await 和 setTimeout 结合的方式通常更加优雅和可靠。

需要注意的是，JavaScript 的运行环境主要是在浏览器和 Node.js 中，对于长时间的休眠或等待可能会影响用户体验或阻塞其他重要的任务，所以在使用时要谨慎权衡。

虽然 JavaScript 本身没有直接提供 sleep 函数，但通过巧妙地运用现有的功能和方法，我们可以实现类似的效果，以满足特定的编程需求。