事件循环协调调用栈、宏任务队列和微任务队列，确保异步非阻塞：每轮仅执行一个宏任务，但清空全部微任务；Promise.then属微任务，setTimeout属宏任务，故前者总先执行。
JavaScript 的事件循环（Event Loop）是它实现异步非阻塞行为的核心机制。它不负责执行代码，而是协调调用栈（Call Stack）、任务队列（Task Queue，也叫宏任务队列）和微任务队列（Microtask Queue）之间的协作，确保代码既响应及时又不卡住主线程。
调用栈空了，才轮到事件循环干活
JS 是单线程的，所有同步代码都在调用栈里顺序执行。一旦栈清空，事件循环立刻检查：有没有微任务？有就一个个执行完，中间不插队；微任务清空后，再取一个宏任务（比如 setTimeout 回调、用户点击事件）推入调用栈执行。
- 微任务包括：Promise.then/catch/finally、queueMicrotask()、MutationObserver 回调
- 宏任务包括：setTimeout、setInterval、I/O、UI 渲染、postMessage
- 每次“一轮循环”只处理一个宏任务，但会清空当次全部微任务
为什么 Promise.then 总比 setTimeout 先执行？
因为 Promise 回调属于微任务，setTimeout 属于宏任务。即使 setTimeout 设为 0ms，它也要等当前宏任务结束 + 所有微任务跑完，才能排队等待下一轮循环。
例如：
立即学习“Java免费学习笔记（深入）”；
console.log(1);setTimeout(() => console.log(2), 0);
Promise.resolve().then(() => console.log(3));
console.log(4);
输出顺序是：1 → 4 → 3 → 2。同步代码先走完（1、4），然后清空微任务（3），最后执行下一个宏任务（2）。
标签： javascript java js 浏览器 栈 ai 点击事件 重绘 为什么
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
还木有评论哦，快来抢沙发吧~