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

    原文作者:EMMA
    原文地址: https://segmentfault.com/a/1190000004334133
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞