JS如何利用阻塞机制实现停留几秒sleep

JS实现停留几秒sleep，Js中for循环的阻塞机制，setTimeout延迟执行

//第一种，使用while循环
function sleep(delay) {var start = (new Date()).getTime();while((new Date()).getTime() - start < delay) {continue;}
}

//或者使用for循环
function sleep(delay) {for(var t = Date.now(); Date.now() - t <= d;);
}

这种实现方式是利用一个伪死循环阻塞主线程。因为JS是单线程的。所以通过这种方式可以实现真正意义上的sleep()。
Js阻塞机制，跟Js引擎的单线程处理方式有关，每个window一个JS线程。所谓单线程，在某个特定的时刻只有特定的代码能够被执行，并阻塞其它的代码。
由于浏览器是事件驱动的（Event driven），因此浏览器中很多行为是异步（Asynchronized）的，很容易有事件被同时或者连续触发。当异步事件发生时，会创建事件并放入执行队列中，等待当前代码执行完成之后再执行这些代码，如鼠标点击事件发生、定时器触发事件发生、XMLHttpRequest完成回调这些事件，都会被放入执行队列中等待。关于Js的阻塞机制，可以看下面一段代码，一般，我们会认为，这段代码会log出来0,1,2

for(var i = 0; i < 3; i++) {setTimeout(function() {console.log(i);}, (i + 1) * 1000);
}

而实际上，这段代码log出来的结果是 3,3,3。这是js新手很容易遇到的问题，具体原因就是因为for循环的阻塞机制。在上面的代码中，setTimeout这个定时器需要等待for循环执行完成，而for循环执行完成了之后，i已经为3了，此时才开始执行setTimeout，因此console.log(i)会是3。至于为什么i会是3，请回顾一下for循环的执行顺序，当i为2的时候，满足循环条件，执行代码块，然后i++，此时i为3，不满足循环条件，不执行代码块，循环停止。对于for循环，记住，是在不满足条件的情况下停止循环，对于以上代码，可以看出，i=3的时候才不满足。

怎么解决事件阻塞

for(var i = 0; i < 3; i++) {(function(i) {setTimeout(function() {console.log(i);}, (i + 1) * 1000);})(i)
}

再上面的代码中，我们加了一个立即执行的匿名函数，并且将for循环的i作为实参传入进去。这样，setTimeout就会被立即执行，而不会等待（这里不太了解细节，就不多说了，大概猜测为新开了一个临时的线程，立即执行匿名函数，然后再立即切换回来）。本文主要在说明如何解决这一类问题，对于底层原理，还待继续挖掘。注意：html5支持Web worker功能，可以写多线程。

JS如何利用阻塞机制实现停留几秒sleep相关推荐

Js中for循环的阻塞机制
Js阻塞机制,跟Js引擎的单线程处理方式有关,每个window一个JS线程.所谓单线程,在某个特定的时刻只有特定的代码能够被执行,并阻塞其它的代码. 由于浏览器是事件驱动的(Event driven) ...
好程序员web前端分享JS引擎的执行机制
好程序员web前端分享JS引擎的执行机制,请先着重牢记两点!JS是单线程语言. JS的EventLoop是JS的执行机制.深入了解JS的执行,就等于深入了解JS里的eventloop. 1.灵魂三问: ...
利用消息机制实现.NET AOP(面向方面编程)－－基本概念和实现
本系列文章主要讲述如何利用.NET的Remoting消息框架实现AOP 本系列文章试图实现三种AOP实现本系列文章以示例代码为主,对一些概念和原理不会进行过于深入的讨论这里不谈论AOP在现实开发中 ...
Linux中的阻塞机制
我们知道在字符设备驱动中,应用层调用read.write等系统调用终会调到驱动中对应的接口. 可以当应用层调用read要去读硬件的数据时,硬件的数据未准备好,那我们该怎么做? 一种办法是直接返回并报错 ...
android利用反射调用截屏api,Android利用反射机制调用截屏方法和获取屏幕宽高的方法...
想要在应用中进行截屏,可以直接调用 View 的 getDrawingCache 方法,但是这个方法截图的话是没有状态栏的,想要整屏截图就要自己来实现了. 还有一个方法可以调用系统隐藏的 screen ...
利用委托机制处理.NET中的异常
利用委托机制处理.NET中的异常<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office&quo ...
【Android 异步操作】Handler 机制 ( MessageQueue 消息队列的阻塞机制 | Java 层机制 | native 层阻塞机制 | native 层解除阻塞机制 )
文章目录一.MessageQueue 的 Java 层机制二.MessageQueue 的 native 层阻塞机制三.MessageQueue 的 native 层解除阻塞机制三.Messa ...
js的事件循环机制：同步与异步任务（setTimeout，setInterval）宏任务，微任务（Promise，process.nextTick）...
javascript是单线程,一切javascript版的"多线程"都是用单线程模拟出来的,通过事件循环(event loop)实现的异步. javascript事件循环事件循环 ...
利用反射机制获取未知类型的枚举的信息
原文:利用反射机制获取未知类型的枚举的信息开发游戏设置选项遇到一个问题,我有两个枚举,一个是屏幕分辨率,一个是语言我需要在不知道一个枚举到底是哪一个枚举类型的情况下,获取这个枚举的值以及这个枚举类 ...

JS如何利用阻塞机制实现停留几秒sleep

怎么解决事件阻塞

JS如何利用阻塞机制实现停留几秒sleep相关推荐

最新文章

热门文章