剖析JavaScript的单线程

剖析JavaScript的单线程

一、 浏览器的进程和线程

浏览器的架构是多进程的，不同的浏览器采用不同的进程架构，这个没有统一的标准,以谷歌浏览器为例，他主要有四个进程，分别是顶层的Browser process，负责标签页网页呈现的Renderer Process，负责控制网页插件的Plugin Process和负责处理GPU的GPU Process。

每个进程都可以通过创建线程或者调用线程来完成任务。打个比方，进程就相当于一个 公司，线程就相当于公司的一个部门，一个公司可以只有一个部门也可以有多个部分，公司内部的资源是共享的。

二、浏览器的渲染进程

我们前端主要和Renderer Process打交道，在这个进程里面主要包含五个线程:

1、GUI渲染线程，用于解析html、css，构建DOM树和RenderObject树，布局和绘制等浏览器界面渲染任务|不能和JS引擎线程同时执行。

2、js引擎线程，也就是我们常说的js内核，用于解析、运行javascript代码，不能和GUI渲染线程同时执行。

3、事件触发线程，用于监听和触发事件，可以理解成由js引擎线程来执行事件绑定代码，然后另开事件触发线程用来监听事件的触发，触发以后把事件处理函数里面的代码交给js引擎线程来执行，但是js是单线程的，事件处理函数里面的代码会添加到待处理队列的末尾，也就是等js线程空闲以后才会执行。

4、定时触发器线程，就是经常使用的setInterval与setTimeout所使用的线程，可以理解成由j