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 渲染
微任务包括：
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 的执行机制。不复杂但容易忽略细节。
以上就是JavaScript并发模型_javascript执行机制的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1540060.html
微信扫一扫 
支付宝扫一扫 
