简述浏览器与 Node 的事件循环

浏览器

• 宏任务：script 中的代码、setTimeout、setInterval、I/O、UI render；
• 微任务：promise（async/await）、Object.observe、MutationObserver；

Node

• 宏任务：setTimeout、setInterval、setImmediate、script（整体代码）、I/O 操作等；
• 微任务：process.nextTick（与普通微任务有区别，在微任务队列执行之前执行）、new Promise().then(回调) 等

区别

• node 环境下的 setTimeout 定时器会依次一起执行，浏览器是一个一个分开的；
• 浏览器环境下微任务的执行是每个宏任务执行之后，而 node 中微任务会在各个阶段执行，一个阶段结束立刻执行 microTask；

浏览器环境下：

while(true){
    宏任务队列.shift()
    微任务队列全部任务()
}

Node 环境下：

while(true){
    loop.forEach((阶段)=>{
        阶段全部任务()
        nextTick全部任务()
        microTask全部任务()
    })
}