浏览器和 Node 中的事件循环有什么区别？

<h2>浏览器</h2>关于微任务和宏任务在浏览器的执行顺序是这样的：执行一只task（宏任务）执行完micro-task队列 （微任务）如此循环往复下去常见的 task（宏任务） 比如：setTimeout、setInterval、script（整体代码）、 I/O 操作、UI 渲染等。 常见的 micro-task 比如: new Promise().then(回调)、MutationObserver(html5新特性) 等。<h2>Node</h2>Node的事件循环是libuv实现的，引用一张官网的图：<img src="https://jsd.onmicrosoft.cn/gh/iGaoWei/codercdn@master/question/20240627/6ee82745-9bac-4cc1-aa83-5580fc2ae247.png" alt="" data-href="" style=""/>大体的task（宏任务）执行顺序是这样的：timers定时器：本阶段执行已经安排的 setTimeout() 和 setInterval() 的回调函数。pending callbacks待定回调：执行延迟到下一个循环迭代的 I/O 回调。idle, prepare：仅系统内部使用。poll 轮询：检索新的 I/O 事件;执行与 I/O 相关的回调（几乎所有情况下，除了关闭的回调函数，它们由计时器和 setImmediate() 排定的之外），其余情况 node 将在此处阻塞。check 检测：setImmediate() 回调函数在这里执行。close callbacks 关闭的回调函数：一些准备关闭的回调函数，如：socket.on('close', ...)。微任务和宏任务在Node的执行顺序<h4>Node 10以前：</h4>执行完一个阶段的所有任务执行完nextTick队列里面的内容然后执行完微任务队列的内容<h4>Node 11以后：</h4> 和浏览器的行为统一了，都是每执行一个宏任务就执行完微任务队列。

DreamCoders/CoderGuide

内容风险标识

评论 (0)

DreamCoders/CoderGuide .gitee-modal { width: 500px !important; }

内容风险标识