这篇文章主要为大家展示了“js中如何实现sleep”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“js中如何实现sleep”这篇文章吧。
1、利用循环实现类似sleep
functionsleep(d){
for(vart=Date.now();Date.now()-t<=d;);
}
sleep(5000);//当前方法暂停5秒
优点：简单粗暴，通俗易懂。
缺点：这是最简单粗暴的实现，确实sleep了，也确实卡死了，CPU会飙升，无论你的服务器CPU有多么Niubility。
2、Promise版本实现类似sleep
functionsleep(ms){
returnnewPromise(resolve=>
setTimeout(resolve,ms)
)
}
sleep(3000).then(()=>{
//code
})
优点：这种方式实际上是用了setTimeout，没有形成进程阻塞，不会造成性能和负载问题。
缺点：虽然不像callback套那么多层，但仍不怎么美观，而且当我们需要在某过程中需要停止执行（或者在中途返回了错误的值），还必须得层层判断后跳出，非常麻烦，而且这种异步并不是那么彻底，还是看起来别扭。
3、通过generate来实现类似sleep
function*sleep(ms){
yieldnewPromise(function(resolve,reject){
console.log(111);
setTimeout(resolve,ms);
})
}
sleep(500).next().value.then(()=>{
console.log(11111)
})
优点：同Promise优点，另外代码就变得非常简单干净，没有then那么生硬和恶心。
缺点：但不足也很明显，就是每次都要执行next()显得很麻烦，虽然有co（第三方包）可以解决，但就多包了一层不好看，错误也必须按co的逻辑来处理不爽。
以上是“js中如何实现sleep”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
