js 单线程 回调

js定时器机制

更正以前的错误认识：
1.函数内调用settimeout，函数结束。在规定的时间以后，依然会触发settimeout的回调。

首先要确认js几点：
1.js单线程 vs 浏览器多线程：

• 单线程缘由：若是多线程，那么删除或者建立dom元素，都须要在线程之间通讯。由于浏览器不肯定是dom状态。因此，js设计之初就是单线程。

• 好处：简单，没有线程切换维护开销，省内存

2.浏览器是多线程：

• javascript引擎线程

• 界面渲染线程

• 浏览器事件触发线程

• Http请求线程

可是浏览器内核是多线程！浏览器内核实现容许多个线程异步执行,这些线程在内核制控下相互配合以保持同步.假如某一浏览器内核的实现至少有三个常驻线程:javascript引擎线程,界面渲染线程,浏览器事件触发线程,除些之外,也有一些执行完就终止的线程,如Http请求线程,这些异步线程都会产生不一样的异步事件,下面经过一个图来阐明单线程的JavaScript引擎与另外那些线程是怎样互动通讯的.虽然每一个浏览器内核实现细节不一样,但这其中的调用原理都是大同小异.

定时器难点：
1.定时器实际延时时间，是没法预知的
理解js异步回调和它的单线程是如何配合工做的：

为何settimeout会触发回调  ajax回调 click回调

参考资料：http://www.laruence.com/2009/09/23/1089.html