Node.js和浏览器的事件循环有什么区别?
事件循环是JavaScript运行的核心机制。Node.js和浏览器都有事件循环,它们的基本思路是一样的:单线程、队列、回调。但具体实现和优先级差别不小。下面从实际开发和面试的角度来对比一下。
一句话概括
浏览器是宏任务加微任务的简单模型。Node.js是6个阶段加两种微任务队列,更复杂一些。
浏览器的事件循环
浏览器的模型比较简单。流程是这样的:
执行一个宏任务(比如script、setTimeout、I/O)
执行所有微任务(Promise.then、MutationObserver)
如果需要就渲染页面
进入下一个循环
看个例子:
console.log('1');
setTimeout(() => console.log('2'), 0);
Promise.resolve().then(() => console.log('3'));
console.log('4');输出结果是:1, 4, 3, 2
关键点有两个:微任务优先级高于宏任务。每个宏任务执行完后,都会清空微任务队列。
Node.js的事件循环
Node.js不是简单的宏任务和微任务。它分成6个阶段,按顺序循环执行。
六个阶段
顺序是这样的:
timers(setTimeout、setInterval)
pending callbacks(系统回调)
idle、prepare(内部使用)
poll(I/O核心阶段)
check(setImmediate)
close callbacks(关闭回调)
每个阶段都有自己的队列。整体流程是:timers → pending → poll → check → close,然后循环继续。
Node.js的微任务
Node.js有两个微任务队列:
第一个是process.nextTick,优先级最高。第二个是Promise.then,普通微任务。
执行规则是:当前阶段执行完后,先执行nextTick队列,再执行Promise微任务,然后才进入下一个阶段。
看个面试经常出现的例子:
setTimeout(() => console.log('timeout'));
setImmediate(() => console.log('immediate'));
process.nextTick(() => console.log('nextTick'));
Promise.resolve().then(() => console.log('promise'));在Node里输出顺序是:nextTick、promise、然后是timeout或immediate(这两个的顺序不确定)。
浏览器和Node的对比
| 对比点 | 浏览器 | Node.js |
|---|---|---|
| 结构 | 宏任务 + 微任务 | 6个阶段 |
| 微任务类型 | Promise | nextTick + Promise |
| 微任务执行时机 | 每个宏任务后 | 每个阶段后 |
| 优先级最高 | Promise | process.nextTick |
| setImmediate | 没有 | 有 |
| I/O处理 | 简单 | poll阶段(核心) |
容易踩坑的地方
nextTick会卡死事件循环
看这段代码:
function loop() {
process.nextTick(loop);
}
loop();这样写会导致I/O永远不执行,事件循环卡死。浏览器没有这个问题。
setTimeout和setImmediate的顺序
setTimeout(() => console.log('timeout'), 0);
setImmediate(() => console.log('immediate'));不同环境下顺序不一样。在主线程里执行,顺序不确定。在I/O回调里执行,setImmediate会更快。
const fs = require('fs');
fs.readFile(__filename, () => {
setTimeout(() => console.log('timeout'));
setImmediate(() => console.log('immediate'));
});这样写,immediate永远比timeout先输出。
面试总结
浏览器事件循环是宏任务加微任务的简单模型。每个宏任务执行完就清空微任务队列,然后可能渲染页面。
Node.js基于libuv,分成timers、poll、check等多个阶段。微任务也不一样,有process.nextTick和Promise两个队列,nextTick优先级更高。每个阶段执行完后会先清空nextTick,再清空Promise,然后才进入下一个阶段。
理解这些区别,对排查Node.js应用的问题和做性能优化都有帮助。
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!