JavaScript是一门单线程的编程语言，这意味着它在同一时间只能执行一个任务，但是我们在开发中经常会遇到定时器、接口请求这类异步操作，这些操作并不会阻塞后续代码的执行，这背后的核心支撑就是事件循环机制。事件循环是JavaScript实现异步的核心逻辑，理解它能帮助我们准确判断代码的执行顺序，避免很多异步相关的逻辑错误。
JavaScript的单线程特性
JavaScript设计之初是为了在浏览器中处理用户交互、操作DOM等任务，如果采用多线程设计，很容易出现多个线程同时操作同一个DOM节点导致的逻辑冲突，为了避免这类复杂的同步问题，JS就被设计成了单线程语言。单线程意味着所有任务都需要排队执行，前一个任务结束，才会执行后一个任务。
事件循环的核心组成
执行栈
执行栈也叫调用栈，是用来存储同步执行任务的地方。当JS引擎执行代码时，遇到函数调用就会把这个函数压入执行栈，函数执行完毕后再从栈中弹出，遵循后进先出的原则。
任务队列
当JS遇到异步任务时，不会一直等待异步任务完成，而是会把异步任务的回调函数放到任务队列中，等执行栈中的同步任务全部执行完毕后，才会从任务队列中读取回调函数放入执行栈执行。
宏任务与微任务
任务队列中的任务分为两类，分别是宏任务和微任务，它们的执行优先级不同：
- 宏任务：包括script整体代码、setTimeout、setInterval、setImmediate、I/O操作、UI渲染等
- 微任务：包括Promise.then/catch/finally、process.nextTick（Node环境）、queueMicrotask等
事件循环的执行规则是：先执行一个宏任务，然后执行这个宏任务产生的所有微任务，之后再执行下一个宏任务，如此循环往复。
事件循环执行流程示例
我们通过一段代码来实际看事件循环的执行过程：
// 同步代码，直接放入执行栈执行
console.log('同步代码1');
// setTimeout是宏任务，回调函数放入宏任务队列
setTimeout(() => {
console.log('setTimeout回调');
}, 0);
// Promise构造函数中的代码是同步执行的
new Promise((resolve) => {
console.log('Promise构造函数内部');
resolve();
}).then(() => {
// then中的回调是微任务，放入微任务队列
console.log('Promise then回调');
});
// 同步代码，直接放入执行栈执行
console.log('同步代码2');
这段代码的执行步骤是：
- 执行同步代码
console.log('同步代码1')，输出同步代码1 - 遇到setTimeout，把它的回调函数放入宏任务队列
- 执行Promise构造函数内部的同步代码
console.log('Promise构造函数内部')，输出Promise构造函数内部，然后调用resolve - Promise的then回调是微任务，放入微任务队列
- 执行同步代码
console.log('同步代码2')，输出同步代码2 - 当前执行栈的同步任务全部执行完毕，开始执行微任务队列中的所有任务，输出Promise then回调
- 微任务队列清空后，执行下一个宏任务，也就是setTimeout的回调，输出setTimeout回调
最终的输出顺序是：同步代码1、Promise构造函数内部、同步代码2、Promise then回调、setTimeout回调。
Node环境与浏览器环境的事件循环差异
Node环境的事件循环和浏览器环境有一些差异，Node的事件循环分为多个阶段，每个阶段都有自己专属的任务队列，比如timers阶段处理setTimeout和setInterval的回调，poll阶段处理I/O相关的回调等。而浏览器的事件循环相对更简单，主要分为宏任务和微任务两类队列，执行规则也更统一。但是两者的核心逻辑都是单线程配合任务队列实现异步，微任务的优先级都高于宏任务。
常见问题解答
为什么setTimeout的延迟时间不准确
setTimeout的延迟时间指的是回调函数被放入宏任务队列的最早时间，而不是执行时间。如果执行栈中的同步任务或者微任务执行时间很长，那么即使setTimeout的延迟时间到了，也需要等前面的任务执行完毕才能执行它的回调，所以实际执行时间往往会比设置的延迟时间长。
process.nextTick和Promise.then谁先执行
在Node环境中，process.nextTick的优先级比Promise.then更高，它会在当前操作完成后立即执行，甚至比微任务队列中的其他任务都要早。但是在浏览器环境中没有process.nextTick这个API，所以只需要关注Promise相关的微任务和宏任务的执行顺序即可。
总结
事件循环是JavaScript实现异步的核心机制，它基于单线程特性，通过执行栈、任务队列、宏任务和微任务的配合，让JS能够在不阻塞主线程的情况下处理异步操作。理解事件循环的执行规则，能够帮助我们准确判断代码的执行顺序，写出更符合预期的异步代码，也能更好地排查异步相关的逻辑问题。
JavaScript事件循环运行原理同步异步修改时间：2026-07-09 10:42:24