JavaScript通过事件循环实现异步，先执行同步代码，再处理微任务队列，最后执行宏任务；例如1→4→3→2，因微任务优先于宏任务执行。
JavaScript 是单线程语言，意味着同一时间只能执行一个任务。为了在不阻塞主线程的情况下处理异步操作（如网络请求、定时器、用户交互等），JavaScript 设计了一套独特的并发模型，这套模型基于事件循环（Event Loop）、调用栈（Call Stack）、任务队列（Task Queue）和微任务队列（Microtask Queue）协同工作。
事件循环与执行栈
JavaScript 的代码执行依赖于调用栈，它是一个后进先出（LIFO）的数据结构，用于追踪函数的执行。每当函数被调用，就会被推入栈中；函数执行完毕后，从栈中弹出。
由于 JavaScript 是单线程的，所有同步代码会按顺序在调用栈中执行。但遇到异步操作时，比如 setTimeout、fetch 或 Promise，它们不会立即执行回调，而是交由浏览器的 Web API 处理，完成后将回调放入相应的任务队列。
宏任务与微任务
JavaScript 中的异步任务分为两类：宏任务（Macro Task）和微任务（Micro Task）。
立即学习“Java免费学习笔记（深入）”；
宏任务包括：
- script 标签中的整体代码
- setTimeout 回调
- setInterval 回调
- I/O 操作
- UI 渲染
微任务包括：
全国首个为手机行业定制的网站，外观豪华、时尚。DIV+CSS构建，符合W3C标准，完美搜索引擎优化迅速提高搜索引擎排名，稳定性、执行效率、负载能力均居国内同类产品领先地位。安装简单，傻瓜式操作，在线下单、支付、发货，轻松管理网站。 多套模板更换，界面更加豪华 完美搜索引擎优化 集成支付宝、财付通、网银等多种在线支付平台 手机、配件商品不同颜色、型号不同价格设置 图片化多种参数设置、搜索、评论 新闻
- Promise.then/catch/finally 回调
- MutationObserver 回调
- queueMicrotask()
事件循环的执行规则是：
- 执行一个宏任务（通常是 script 主代码）
- 执行过程中遇到异步操作，将其回调注册到对应的任务队列
- 当前宏任务执行完后，清空微任务队列中所有可用的微任务
- 从宏任务队列中取下一个宏任务执行，重复上述过程
执行顺序示例
以下代码可以帮助理解执行顺序：
console.log('1'); setTimeout(() => { console.log('2'); }, 0); Promise.resolve().then(() => { console.log('3'); }); console.log('4');输出结果为：1 → 4 → 3 → 2
原因：
- '1' 和 '4' 是同步代码，直接输出
- setTimeout 属于宏任务，回调进入宏任务队列
- Promise.then 属于微任务，当前宏任务结束后立即执行
- 微任务优先于下一轮宏任务执行，因此 '3' 在 '2' 之前
关键点总结
JavaScript 虽然是单线程，但通过事件循环实现了“看似并发”的效果。
- 每次事件循环只处理一个宏任务
- 每个宏任务执行完后，必须清空当前所有微任务
- 微任务具有更高优先级，常用于确保异步操作的及时响应（如 Promise 链）
- 避免长时间运行的同步代码，防止阻塞事件循环，影响用户体验
基本上就这些，理解清楚调用栈、任务队列和事件循环的协作方式，就能掌握 JavaScript 的执行机制。不复杂但容易忽略细节。
