JavaScript事件循环机制如何运作?

admin 百科 17
JavaScript事件循环机制的核心是单线程非阻塞处理异步任务,执行顺序为:同步代码→清空所有微任务→取下一个宏任务;调用栈执行同步代码,宏任务(如setTimeout)每次只执行一个,微任务(如Promise.then)在当前宏任务结束后全部执行完毕。

JavaScript事件循环机制如何运作?-第1张图片-佛山资讯网

JavaScript事件循环机制的核心,是让单线程语言能非阻塞地处理异步任务。它不靠多线程,而是靠“执行完同步代码 → 立即清空所有微任务 → 再取一个宏任务”的节奏来调度任务。

调用栈负责同步执行

所有同步代码都在调用栈中按顺序执行:函数调用就压栈,返回就出栈。比如 console.log('A')foo() 这类代码,会立刻进栈、运行、出栈。一旦栈变空,事件循环就启动下一轮检查。

宏任务和微任务分两级排队

异步操作不会直接进栈,而是由浏览器或Node环境接管后,把回调放进不同队列:

  • 宏任务(Macrotask):整体脚本、setTimeoutsetIntervalUI渲染I/O 等,每次只执行一个
  • 微任务(Microtask):Promise.then/catch/finallyqueueMicrotaskMutationObserver 等,只要存在,就会在当前宏任务结束后全部执行完

事件循环每轮只做三件事

它不是持续扫描,而是一个确定的循环流程:

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

标签: javascript java node 浏览器 mac 异步任务

发布评论 0条评论)

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