面试--JavaScript单线程

GUI 渲染线程

• 绘制页面，解析 HTML、CSS，构建 DOM 树，布局和绘制等
• 页面重绘和回流
• 与 JS 引擎线程互斥，也就是所谓的 JS 执行阻塞页面更新

JS 引擎线程

• 负责 JS 脚本代码的执行
• 负责准执行准备好待执行的事件，即定时器计数结束，或异步请求成功并正确返回的事件
• 与 GUI 渲染线程互斥，执行时间过长将阻塞页面的渲染

事件触发线程

• 负责将准备好的事件交给 JS 引擎线程执行
• 多个事件加入任务队列的时候需要排队等待(JS 的单线程)
• 定时器触发线程
  • 负责执行异步的定时器类的事件，如 setTimeout、setInterval
  • 定时器到时间之后把注册的回调加到任务队列的队尾

HTTP 请求线程

• 负责执行异步请求
• 主线程执行代码遇到异步请求的时候会把函数交给该线程处理，当监听到状态变更事件，如果有回调函数，该线程会把回调函数加入到任务队列