js 单线程 回调

2024年1月5日 416次阅读 来源: EMMA

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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞