如何用JS实现sleep函数？分享1段优质JS代码片段！

Hi，这里是前端后花园，每天学习一个 JS 片段，涨涨知识🧀！今天带来的是实现slepp函数。

代码片段

const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));

const greet = async () => {
  console.log('sleep 300ms');
  await sleep(300);
  console.log('输出');
};
greet();
//sleep 300ms
//输出

分享原因

1. JavaScript 没有内置的 sleep 函数；

2. 通过将setTimeout包装在Promise中，实现了“Promise-like”形式的异步sleep函数。

代码解析

3. sleep函数接收延迟ms时间，并创建了一个新的Promise对象，在setTimeout延时ms毫秒后调用resolve函数；

4. 使用时通过在定义的async函数中，使用await关键字调用sleep函数；

5. sleep函数返回一个Promise，await会暂停greet函数的执行，直到ms后Promise被resolve；

6. 继续执行 sleep函数后代码。

---

这里是JS代码片段系列，记录开发过程常见代码片段，往期精选JS代码片段：

四个初始化 JavaScript Array数组方法及性能对比

JS片段：如何将文本复制到剪贴板

JS片段：如何计算 SHA-256 hash值

如何获取字符串的字节长度？分享1段优质JS代码片段！