js-异步同步-总结

js 分为同步和异步。

同步代码（js主线程）：从上到下顺序执行，碰到异步代码，会放到事件队列（eventLoop），接着继续执行同步代码（即主线程），等主线程执行完毕后，才会去读取事件队列里的异步代码（执行结果-回调），放入主线程执行。
异步代码 分为微任务和宏任务，微任务的优先级最高，优先执行微任务。

异步代码（异步线程）：分为 微任务队列和宏任务队列，微任务的最先执行。
微任务包括：promise.then(), MutationObserver(), queueMirceotask()。
宏任务包括：定时器（setTimeout,setInterval）,setImmediate,DOM操作。

页面执行js线程时，还有其他线程（浏览器线程）：
GUI线程（渲染界面），
http请求线程（处理用户GET POST请求，等返回结果后将回调函数推入到任务队列当中），
定时器线程（setTimeout,setInterval等待时间结束后把执行函数推入任务队列当中），
浏览器事件线程（将 click、mouse 等交互事件发生后将这些事件放入事件队列中），
这些线程：GUI线程，http线程，定时器线程，浏览器事件处理线程，均是异步的，且和js主线程是互斥的。
什么是互斥？：js引擎执行时，gui渲染引擎会被挂起。js报错，有时候页面会白屏，js引擎主线程没有执行完成，GUI渲染线程 无法执行，因他们他们互斥。