Javascript 中 sleep 函数实现

JustYY.com 小赖子的英国生活和资讯

5 years ago

Javascript 中并没有 built-in 的 sleep 函数支持, 在 async/await/Promise 的支持之前, 我们可以用 busy-waiting 的方式来模拟:

function sleep( milliseconds ){
    var now = new Date().getTime();
    while(new Date().getTime() < now + milliseconds ){ /* do nothing */ } 
}

function sleep( milliseconds ){
    var now = new Date().getTime();
    while(new Date().getTime() < now + milliseconds ){ /* do nothing */ } 
}

不过这代码只适合用来调试, 因为实际上, CPU会进入一个阻塞的等待, 非常不环保. 在 async/wait/Promise 的支持下, Javascript 是可以通过以下代码来实现异步(非阻塞)的等待方式的:

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

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

更为简短的实现方式:

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

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

使用方法如下, 通过异步的方式显示1到5, 并且间隔1秒:

async function print() {
  for(let i = 1; i >= 5; i++) {
    console.log(i);
    await sleep(1000)
  }
}

async function print() {
  for(let i = 1; i >= 5; i++) {
    console.log(i);
    await sleep(1000)
  }
}

我们可以用Promise的方式来递归调用:

function one2FiveInPromise() {
  function logAndSleep(i) {
    console.log(i);
    if (i === 5) {
      return;
    }
    return sleep(1000).then(() => logAndSleep(i + 1));
  }
 
  logAndSleep(1);
}

function one2FiveInPromise() {
  function logAndSleep(i) {
    console.log(i);
    if (i === 5) {
      return;
    }
    return sleep(1000).then(() => logAndSleep(i + 1));
  }

  logAndSleep(1);
}

是不是很好用? 不过这和 Thread.sleep() 方法还是有点区别的, 毕竟 Thread.sleep 还是同步的, 而我们这里实现的是异步 sleep, 准确的来说是异步延时调用代码的一种方法.

参考: https://github.com/n0ruSh/blogs/issues/27

强烈推荐

英国代购-畅购英伦
TopCashBack 返现 (英国购物必备, 积少成多, 我2年来一共得了3000多英镑)
Quidco 返现 (也是很不错的英国返现网站, 返现率高)
注册就送10美元, 免费使用2个月的 DigitalOcean 云主机(性价比超高, 每月只需5美元)
注册就送10美元, 免费使用4个月的 Vultr 云主机(性价比超高, 每月只需2.5美元)
注册就送10美元, 免费使用2个月的阿里云主机(性价比超高, 每月只需4.5美元)
注册就送20美元, 免费使用4个月的 Linode 云主机(性价比超高, 每月只需5美元) (折扣码: PodCastInit2022)
PlusNet 英国光纤(超快, 超划算! 用户名 doctorlai)
刷了美国运通信用卡一年得到的积分换了 485英镑
注册就送50英镑 – 英国最便宜最划算的电气提供商
能把比特币莱特币变现的银行卡! 不需要手续费就可以把虚拟货币法币兑换

微信公众号: 小赖子的英国生活和资讯 JustYYUK

阅读 桌面完整版

强烈推荐

相关文章：