JavaScript运行机制

一、进程与线程

进程：CPU资源分配的最小单位。——可以独立运行且拥有自己的资源空间的任务程序。（包括运行中的程序和程序中所用到的内存和系统资源）。 eg：每打开一个软件就会产生一个进程，浏览器中每开一个Tab页也会产生一个进程。进程之间相互独立。

线程：CPU调度的最小单位。——建立在进程基础上的一次程序运行单位。一个进程可以有多个线程。一个程序中可以同时运行多个不同的线程来执行不同的任务。

浏览器包含以下进程：

• Browser进程
• 第三方插件进程
• GPU进程（Graphics Processing User）
• 渲染进程

页面渲染，JS的执行，事件的循环，都在渲染进程中执行，所以本章主要了解渲染进程

渲染进程是多线程的，以下是一些较为主要的线程：

GUI渲染线程

负责渲染浏览器界面，解析html，css，构建DOM树和RenderObject树，布局和绘制等

1.解析html代码转化为浏览器认识的节点，生成DOM树，
2.解析CSS，生成CSSOM（CSS规则树）
3.把DOM Tree 和 CSSOM结合，生成Rendering Tree（渲染树）

• 当修改元素的颜色或背景色时，页面会重绘
• 当修改元素尺寸时，页面会回流
• 当页面需要重绘和回流时，执行GUI线程，绘制页面 。回流比重绘成本高
• GUI渲染线程和JS引擎线程是互斥的。
  1.当JS引擎线程执