什么是sleep()的JavaScript版本？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了什么是sleep()的JavaScript版本？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1614字，纯文字阅读大概需要3分钟。

内容图文

有没有比使用下面的pausecomp函数(taken from here)更好的方法来在JavaScript中设计睡眠？

function pausecomp(millis)
{
    var date = new Date();
    var curDate = null;
    do { curDate = new Date(); }
    while(curDate-date < millis);
}

这不是Sleep in JavaScript – delay between actions的副本;我希望在函数中间实现真正的睡眠,而不是在执行代码之前的延迟.

解决方法:

2017年 – 2019年更新

自从2009年提出这个问题以来,JavaScript已经有了很大的发展.所有其他答案现在已经过时或过于复杂.这是目前的最佳做法：

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

async function demo() {
  console.log('Taking a break...');
  await sleep(2000);
  console.log('Two seconds later, showing sleep in a loop...');

  // Sleep in loop
  for (let i = 0; i < 5; i++) {
    if (i === 3)
      await sleep(2000);
    console.log(i);
  }
}

demo();

就是这个.等待睡眠(< duration>).

注意,

> await只能在以async关键字为前缀的函数中执行,或者在某些环境(例如Chrome DevTools控制台或Runkit)中在脚本的top level处执行.
> await仅暂停当前的异步功能

两个新的JavaScript功能帮助编写了这个“睡眠”功能：

> Promises, a native feature of ES2015(又名ES6).我们还在睡眠功能的定义中使用了arrow functions.
> async/await功能允许代码明确等待承诺解决(解决或拒绝).

兼容性

>承诺支持in Node v0.12+和widely supported in browsers,IE除外
> async / await登陆V8并一直在enabled by default since Chrome 55(2016年12月发布)

>它于in Node 7 in October 2016降落
>并于in Firefox Nightly in November 2016登陆

如果由于一些奇怪的原因你使用的是早于7的节点(已经达到end of life),或者是针对旧版浏览器,仍然可以通过Babel(一种将transpile JavaScript新功能转换为普通旧JavaScript的工具)使用async / await,使用transform-async-to-generator插件.

内容总结

以上是互联网集市为您收集整理的什么是sleep()的JavaScript版本？全部内容，希望文章能够帮你解决什么是sleep()的JavaScript版本？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端