浏览器 :
浏览器中,代码的执行都是依靠线程来完成的,而javaScript是一种单线程的编程语言,而深入了解之后会发现,JavaScript也有多个线程分别执行。
浏览器的线程分别是:
1、js主线程,2、GUI渲染线程,3、事件监听线程,4、网络线程,5、计时器线程
首先来说的是 :JS运行的环境称之为宿主环境,UI主线程负责协调运转
1、js主线程:
js内核,或者说是js引擎,负责处理执行javascript脚本,运行代码的。这就是js的主线程,所以说js是一个单线程组成的语言,但是可以说在运行的过程中js也是属于一种单线程的异步。异步是有子线程进行运行完成的,主线程是负责调用子线程的。注意点:js与GUI是互斥的,JS可以操作DOM元素,进而会影响到GUI的渲染效果,因此JS引擎线程与GUI渲染线程是互斥的。也就是说,当JS引擎线程处于运行状态时,GUI渲染线程将处于冻结状态。
2、GUI渲染线程:
负责渲染浏览器界面,解析HTML,CSS,构建DOM树和RenderObject树,布局和绘制等。在页面被更改需要重绘(Repaint)时,或者因为某些操作需要回流(reflow)时,该线程应付执行。但是需要注意的是:GUI渲染线程与JS引擎线程是互斥的,当JS引擎执行时GUI线程会被挂起(相当于被冻结了),GUI更新会被保存在一个队列中等到JS引擎空闲时立即被执行。
3、事件监听线程:
负责监听各种事件(将click、mouse等交互事件发生后将这些事件放入事件队列中)。
4、网络线程:
负责网络通信(处理用户的get、post等请求,等返回结果后将回调函数推入任务队列)。
5.定时触发器线程:
负责计时(setTimeout、setInterval等待时间结束后把执行函数推入任务队列中)。注意:定时器是最后执行的。
javascript 执行机制 --- 单线程
JavaScript是基于单线程运行的,同时又是可以异步执行的,一般来说这种既是单线程又是异步的语言都是基于事件来驱动的,恰好浏览器就给JavaScript提供了这么一个环境
同步和异步任务分别进入不同的执行“场所”,同步的进入主线程,异步的进入Event Table并注册函数。
什么是异步代码呢,什么是同步代码呢
异步:被子线程执行的代码成为异步代码,如定时器,事件处理函数
同步:被js主线所执行的代码是同步代码