Event Loop 在浏览器和Node端的差异

摘要:由于js是单线程语言,为了解决异步操作所以设计了事件循环。宏任务:setTimeout、setInterval 、script(整体代码)、 I/O 操作、UI 渲染等

由于js是单线程语言,为了解决异步操作所以设计了事件循环。

宏任务:setTimeout、setInterval 、script(整体代码)、 I/O 操作、UI 渲染等
微任务:setImmediate、process.nextTick()、 new Promise().then(回调)、MutationObserver(html5新特性) 

在事件循环中,宏任务和微任务分成了两类的队列,为了便于理解,微任务相当于是追加在宏任务队列后的一个独立的队列。


差异:setTimeout、setInterval


浏览器:

宏任务单个执行:每执行一个后,就会去执行掉微任务队列中的所有任务。

UI渲染:每次一个循环结束后(一个宏+整列微任务),如果需要会执行UI渲染。

实时添加:微任务执行过程中可以向本队列继续添加微任务并顺序执行。


Node: 

队列执行:任务执行时,会执行队列中的所有任务(包括宏任务队列)

nextTick优先:微任务分的更细,node将nextTick回调单独化为一组微任务,所有nextTick队列可以和微任务队列一样实时添加,而且整个队列始终先于微任务队列执行。

执行阶段更多:

  1. timers              :setTimeout、setInterval
  2. I/O callbacks   :此回调中,setImmediate始终先于timers执行,因为,此阶段(2)执行完毕后,顺序就是5check了。
  3. idle, prepare
  4. poll
  5. check                : setImmediate
  6. close callbacks


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_9279