浏览器elements中加入js怎么执行_单线程

可以看到浏览器把js执行引擎做为浏览器内核里面的一个线程,当用户在浏览器单击,如果我们添加了onclick时间,那么浏览器帮助我们侦听了这个事件,因为我们(o代表DOM或者BOM对象)o.οnclick=function(){};指定对o对象执行onclick时候(即用户点击页面中的元素),浏览器事件触发线程会为我们把指定的事件处理程序添加到js引擎当中。···········细心的人会想,就这样完了么???其实,还涉及到比较复杂的过程,就是js的进程时间线,把指定的事件处理程序(如刚刚的function(){}这代码),实际上我们单击页面中的元素对象(此例子中的o),相当于这样子o.onclick()调用,调用的代码就是执行的那段(function(){.....z这里面的代码······});然后点击o,其实只是把这段代码添加到了js的代码队列里面,其实可能还没有执行。当js进程时间线为空闲的时候,这段代码才会真正的执行。

关于js的进程时间线,我特意画了下面这个图,希望有助于各位理解:

浏览器elements中加入js怎么执行_单线程_02

注:handleClick()为我们指定的onclick()事件处理程序代码

从而我们可以得出一个结论:js事件处理机制是异步的,即添加进代码队列里面的时刻与代码实际执行时间可能存在一定时间差。

其实,返观定时器、HTTP异步,其实也就是这么一种处理的模式。