js中如何实现sleep

这篇文章主要为大家展示了"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"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！