JavaScript事件循环是什么_它如何管理任务?

admin 百科 10
JavaScript事件循环通过宏任务和微任务队列实现分时调度,每次迭代执行一个宏任务后清空全部微任务,确保Promise回调总比setTimeout早执行。

JavaScript事件循环是什么_它如何管理任务?-第1张图片-佛山资讯网

JavaScript事件循环是JS运行时处理异步操作的核心机制,它让单线程的JS能高效响应用户交互、网络请求和定时任务,而不会被阻塞。关键不在于“多线程”,而在于“分时调度”——把任务分类排队,按规则轮流执行。

宏任务和微任务:两类队列,不同优先级

事件循环维护两个主要队列:宏任务队列(macrotask queue)和微任务队列(microtask queue)。每次事件循环迭代只从宏任务队列取一个任务执行,但执行完后会清空整个微任务队列,再继续下一个宏任务。

  • 常见宏任务:script整体代码、setTimeout、setInterval、I/O、UI渲染
  • 常见微任务:Promise.then/catch/finally、MutationObserver、queueMicrotask()

例如:setTimeout(() => console.log('timeout'), 0)Promise.resolve().then(() => console.log('promise')) 同时触发,后者一定先打印——因为Promise回调进微任务队列,而setTimeout回调进宏任务队列,要等当前宏任务+所有微任务跑完才轮到它。

一次事件循环迭代的完整流程

浏览器或Node.js环境每轮事件循环严格按顺序推进:

立即学习“Java免费学习笔记(深入)”;

标签: javascript java js node.js node 浏览器 mac 重绘 为什么

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~