浏览器的渲染进程是多线程，包括
- GUI渲染线程
- js引擎线程
- 事件触发线程
- 定时器触发线程
- 异步http请求线程
主执行栈和任务队列
所有的任务可以分为同步任务和异步任务，同步任务，顾名思义，就是立即执行的任务，同步任务一般会直接进入到主线程中执行；而异步任务，就是异步执行的任务，比如ajax网络请求，setTimeout 定时函数等都属于异步任务，异步任务会通过任务队列( Event Queue )的机制来进行协调
同步和异步任务分别进入不同的执行环境，同步的进入主线程，即主执行栈，异步的进入 Event Queue 。主线程内的任务执行完毕为空，会去 Event Queue 读取对应的任务，推入主线程执行。 上述过程的不断重复就是我们说的 Event Loop (事件循环)。
宏任务与微任务
从任务层面，在JS引擎中，我们可以按性质把任务分为两类，macrotask（宏任务）和 microtask（微任务）。它们的执行顺序如下：
在事件循环中，每进行一次循环操作称为tick，通过阅读规范可知，每一次 tick 的任务处理模型是比较复杂的，关键步骤总结如下：
- 在此次 tick 中选择最先进入队列的任务( oldest task )，如果有则执行(一次)
- 检查是否存在 Microtasks ，如果存在则不停地执行，直至清空Microtask Queue
- 更新 render
- 主线程重复执行上述步骤
宏任务与微任务的优先级(浏览器)：
- macrotask（按优先级顺序排列）: script(你的全部JS代码，“同步代码”）, setTimeout, setInterval, setImmediate, I/O,UI rendering
- microtask（按优先级顺序排列）:process.nextTick,Promises（这里指浏览器原生实现的 Promise）, Object.observe, MutationObserver
- JS引擎首先从macrotask queue中取出第一个任务，执行完毕后，将microtask queue中的所有任务取出，按顺序全部执行；
- 然后再从macrotask queue（宏任务队列）中取下一个，执行完毕后，再次将microtask queue（微任务队列）中的全部取出；
- 循环往复，直到两个queue中的任务都取完。
来源：CSDN
作者：_kangzai
链接：https://blog.csdn.net/z2516305651/article/details/104098388