js实现sleep延时睡眠函数

最新推荐文章于 2023-12-23 11:10:26 发布

小翔努力变强

最新推荐文章于 2023-12-23 11:10:26 发布

阅读量1k

点赞数 2

分类专栏： JavaScript 前端文章标签： javascript 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/grx1125/article/details/129079867

版权

前端同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

JavaScript

7 篇文章 0 订阅

订阅专栏

文章讨论了JavaScript的单线程特性以及异步处理的重要性。通过示例展示了如何使用Promise配合async/await来封装延迟函数，以及如何使用while循环实现睡眠效果。在主线程和异步环境中，两种方法有不同的应用和性能表现。

摘要由CSDN通过智能技术生成

JavaScript是单线程的，基于宿主环境的其他线程实现异步。

异步带来的好处很多，耗时操作大都放在异步队列中处理。那么在异步下如何去封装一个睡眠函数呢？

promise

使用限制：必须配合async await去使用

function delay(sm = 1000) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve();
    }, sm);
  });
}

(async () => {
  console.time("delay");
  await delay(1000);
  console.timeEnd("delay");
})();

// 控制台输出
// delay: 1.014s

while循环

可以直接在主线程中使用，在主线程慎用。

function sleep(sm) {
  const nowTime = new Date();
  while (Date.now() - nowTime < sm) {
    continue;
  }
}

console.time("sleep");
sleep(2000);
console.timeEnd("sleep");

// 控制台输出
// sleep: 2.000s

也可以在异步中使用

console.time("main");
setTimeout(() => {
  console.time("sleep");
  sleep(2000);
  console.timeEnd("sleep");
}, 0);
console.timeEnd("main");

// 控制台输出
// main: 0.599ms
// sleep: 2.000s