javascript单线程实现异步靠事件循环协调调用栈、宏任务队列和微任务队列：同步代码入调用栈执行；宏任务每次取一个；微任务在每个宏任务后立即清空；三者协同实现非阻塞异步。
JavaScript 单线程能跑异步，靠的不是“多线程”，而是调用栈、宏任务队列、微任务队列这三者在事件循环调度下的紧密配合。它们各司其职，缺一不可。
调用栈：只管同步，不等不插
它是 JS 主线程唯一的执行容器，严格遵循后进先出（LIFO）原则。函数调用就压栈，返回就出栈，中间不会被打断。
- console.log('A') → 立即入栈、执行、出栈
- setTimeout(() => console.log('B'), 0) → 不入栈，交给浏览器定时器线程处理，主线程继续往下走
- Promise.resolve().then(() => console.log('C')) → 回调不进栈，而是被放进微任务队列等待调度
宏任务队列：一次只取一个，节奏稳
存放耗时相对长、粒度较大的任务，比如：
- setTimeout / setInterval 的回调
- 整体 script 脚本（页面加载时的顶层代码）
- I/O 操作（如 fetch 完成后的回调）
- UI 渲染（浏览器每帧的重绘任务）
事件循环每次只从这个队列里取一个任务推入调用栈执行，执行完再看下一步。
微任务队列：清空优先，响应快
存放轻量、高优先级的回调，特点是“当前宏任务结束后立刻全部执行”。常见来源有：
- Promise.then / .catch / .finally 的回调
- async/await 中 await 后的后续逻辑
- MutationObserver 的回调
- queueMicrotask() 显式加入的任务
它不排队等下一轮，而是在每个宏任务执行完、调用栈刚清空时，一口气执行完所有已排队的微任务——这是保证 Promise 链及时响应的关键。
事件循环：协调三者的永动机
它不是 JS 引擎的一部分，而是由宿主环境（浏览器或 Node.js）实现的持续运行机制。工作流程非常明确：
- 先执行所有同步代码（填满又清空调用栈）
- 调用栈一空，立刻执行全部微任务（直到微任务队列为空）
- 再从宏任务队列取一个任务执行（开始下一个宏任务周期）
这个循环往复的过程，就是 JavaScript 实现非阻塞、高响应异步行为的底层逻辑。
