js执行引擎与浏览器内核分析

　js的引擎是单线程执行的，也就是说在js的进程时间线中同一时间只有一个线程在执行，PS:若是不了解单线程与多线程的区别建议看看《现代操做系统》里面有很好的说明。不少人会有疑问，若是是单线程的那么js中是怎么实现onclick、onload、onreadstatechange、setTimeOut等事件的，答案就是浏览器提供。请看下面关于浏览器内核的图：

能够看到浏览器把js执行引擎作为浏览器内核里面的一个线程，当用户在浏览器单击，若是咱们添加了onclick时间，那么浏览器帮助咱们侦听了这个事件，由于咱们(o表明DOM或者BOM对象)o.onclick=function(){}；指定对o对象执行onclick时候(即用户点击页面中的元素)，浏览器事件触发线程会为咱们把指定的事件处理程序添加到js引擎当中。···········细心的人会想，就这样完了么？？？其实，还涉及到比较复杂的过程，就是js的进程时间线，把指定的事件处理程序（如刚刚的function(){}这代码），实际上咱们单击页面中的元素对象（此例子中的o），至关于这样子o.onclick()调用，调用的代码就是执行的那段(function(){.....z这里面的代码······})；而后点击o，其实只是把这段代码添加到了js的代码队列里面，其实可能尚未执行。当js进程时间线为空闲的时候，这段代码才会真正的执行。

关于js的进程时间线，我特地画了下面这个图，但愿有助于各位理解：

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

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

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