JavaScript作为单线程脚本语言，同一时间只能执行一个任务，事件循环就是协调同步任务、异步任务执行顺序的核心机制，确保单线程环境下也能高效处理各类异步操作。
事件循环的基本概念
JavaScript引擎执行代码时，会把任务分为同步任务和异步任务两类。同步任务会直接进入主线程执行栈依次执行，异步任务则会被挂起，等待对应的触发条件满足后再进入执行流程。事件循环的作用就是不断检查主线程执行栈是否为空，以及异步任务对应的队列中是否有待执行的任务，按照规则把任务推入执行栈执行。
事件循环的任务管理规则
任务分类
异步任务按照执行优先级分为宏任务和微任务两类，不同类别的任务会被放入不同的队列中管理：
- 宏任务：包括script整体代码、setTimeout回调、setInterval回调、UI渲染、I/O操作等
- 微任务：包括Promise.then回调、MutationObserver回调、process.nextTick（Node环境）等
执行顺序规则
事件循环的一次完整执行流程遵循以下顺序：
- 先执行主线程的同步任务，直到执行栈清空
- 检查微任务队列，依次执行所有微任务，直到微任务队列清空
- 执行一个宏任务
- 再次检查微任务队列，执行所有新增的微任务
- 重复上述步骤，直到所有任务执行完毕
代码示例验证执行顺序
下面通过一个包含同步任务、宏任务、微任务的代码来验证事件循环的执行规则：
// 同步任务
console.log('同步任务1');
// 宏任务 setTimeout
setTimeout(() => {
console.log('宏任务setTimeout1');
// 宏任务内部的微任务
Promise.resolve().then(() => {
console.log('宏任务内的微任务1');
});
}, 0);
// 微任务 Promise.then
Promise.resolve().then(() => {
console.log('微任务Promise1');
});
// 同步任务
console.log('同步任务2');
// 另一个宏任务 setTimeout
setTimeout(() => {
console.log('宏任务setTimeout2');
}, 0);
这段代码的执行结果依次为：
- 同步任务1
- 同步任务2
- 微任务Promise1
- 宏任务setTimeout1
- 宏任务内的微任务1
- 宏任务setTimeout2
结果符合事件循环的执行规则：先执行完所有同步任务，再清空微任务队列，之后执行一个宏任务，再检查微任务队列，循环往复。
常见误区说明
很多开发者会误以为setTimeout的延迟时间到了就会立刻执行，实际上延迟时间只是把回调放入宏任务队列的最早时间，如果此时主线程还有同步任务未执行，或者微任务队列还有未清空的微任务，回调都会等待前面的任务执行完毕才会被推入执行栈。
另外需要注意，Promise的构造函数中的代码是同步执行的，只有then方法中的回调才是微任务，下面这个例子可以验证：
console.log('开始');
new Promise((resolve) => {
console.log('Promise构造函数内的同步代码');
resolve();
}).then(() => {
console.log('Promise then微任务');
});
console.log('结束');
执行结果为：开始、Promise构造函数内的同步代码、结束、Promise then微任务，符合同步任务优先于微任务执行的规则。
JavaScript事件循环任务队列宏任务微任务修改时间：2026-07-14 08:30:19