JS: 浏览器线程机制

JS在运行时是单线程的，但是浏览器拥有多个线程，现代浏览器通常包含以下几个线程：

1. 用户界面渲染线程 渲染浏览器窗口中的页面元素，当页面需要重绘(Repaint)或触发回流(reflow)时，使用该线程执行相关操作。
2. 浏览器事件触发线程
3. 定时器触发器线程 
4. HTTP请求线程 加载静态资，发送异步请求
5. JS引擎线程 即Javascript脚本运行主线程，通常所说的js单线程值得就是这个线程，与用户界面渲染线程互斥。

这四个线程通过与event loop和callback queue配合来实现浏览器的各项工作。

当我们从浏览器打开一个页面（此处省略好多字），JS引擎线程默认以同步方式加载html中的script标签，解析js文件中的代码，并将解析到的同步执行的任务添加到JS代码执行stack中并立即开始执行，每当解析到一个如setTimeout到期、用户DOM事件、浏览器BOM事件、Ajax请求完成等触发了回调函数时，就把触发的回调函数加入到callback queue尾部，每当解析到一个如resolve触发Promise对象实例的回调函数、操作DOM后触发MutationObserver对象实例的回调函数时，就把触发的回调函数（如then方法传入的参数方法）加入微任务队列尾部，当JS代码执行stack中所有任务解释并执行完成时，JS引擎会优先尝试从微任务队列中获取回调函数放入JS代码执行stack并开始执行，当微任务队列中没有任何待执行的回调函数时，JS引擎会尝试从callback queue中获取回调函数放入JS堆栈并开始执行。