JavaScript事件循环核心是“一次宏任务+全部微任务”的循环;同步代码入调用栈,异步回调由宿主环境按类型分入宏/微任务队列,微任务总优先于宏任务执行。

JavaScript 的事件循环(Event Loop)是它处理异步任务的核心机制,让单线程的 JS 能够不阻塞地执行代码。它不是浏览器或 Node.js 的特性,而是 JavaScript 运行时(如 V8 引擎)与宿主环境协作形成的调度模型。
调用栈、任务队列和事件循环三者怎么配合?
JS 执行时,同步代码压入调用栈,执行完就弹出;遇到异步操作(比如 setTimeout、fetch、Promise.then),它们不会立刻执行回调,而是由宿主环境(浏览器/Node)接管,等条件满足后把回调函数放入对应的任务队列:
-
宏任务队列(Macrotask Queue):存放
setTimeout、setInterval、I/O、UI 渲染等回调 -
微任务队列(Microtask Queue):存放
Promise.then/catch/finally、MutationObserver、queueMicrotask的回调
事件循环每轮先清空当前调用栈,然后**优先执行所有微任务**(直到微任务队列为空),再取一个宏任务执行——这个“一次宏任务 + 全部微任务”的循环就是基本单位。
为什么 Promise.then 总比 setTimeout 快?
因为 Promise.then 的回调进入微任务队列,而 setTimeout 进入宏任务队列。即使设为 setTimeout(fn, 0),它也要等当前宏任务结束、所有微任务跑完后才轮到。
立即学习“Java免费学习笔记(深入)”;
例如:
标签: javascript java js node.js node 浏览器 回调函数 mac 栈 ai 异步任务 区别 为什
还木有评论哦,快来抢沙发吧~