js实现sleep功能的几种方式

最新推荐文章于 2023-09-22 08:36:21 发布

Polaris_tl

最新推荐文章于 2023-09-22 08:36:21 发布

阅读量6.3k

点赞数 4

分类专栏： js 文章标签： js异步 sleep函数

本文链接：https://blog.csdn.net/Polaris_tl/article/details/99435320

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1-Promise

const sleep = time => {
  return new Promise(resolve => setTimeout(resolve,time))
}
sleep(1000).then(()=>{
  console.log(1)
})

2-Generator

function* sleepGenerator(time) {
  yield new Promise(function(resolve,reject){
    setTimeout(resolve,time);
  })
}
sleepGenerator(1000).next().value.then(()=>{console.log(1)})

3-async

function sleep(time) {
  return new Promise(resolve => setTimeout(resolve,time))
}
async function output() {
  let out = await sleep(1000);
  console.log(1);
  return out;
}
output();

4-Es5回调函数

function sleep(callback,time) {
  if(typeof callback === 'function')
    setTimeout(callback,time)
}

function output(){
  console.log(1);
}
sleep(output,1000);