JavaScript是单线程语言，依靠事件循环协调同步与异步任务：先执行一个宏任务，再清空全部微任务，最后可能渲染UI并取下一个宏任务；如代码输出顺序为1→2→4→3。
JavaScript 是单线程语言，靠事件循环（Event Loop）协调同步任务和异步任务的执行顺序，让代码既不阻塞又能响应异步操作。
调用栈与执行上下文
JS 代码运行时，函数调用会形成调用栈（Call Stack）。每进入一个函数，就压入一个执行上下文；函数返回，就弹出。这是同步代码的执行基础。
- 全局代码先入栈，执行完后清空
- 函数调用会新建执行上下文并压栈
- 栈溢出（如无限递归）会导致 "Maximum call stack size exceeded"
任务队列：宏任务与微任务
异步操作不会立刻执行，而是被分发到不同队列：宏任务队列（Macrotask Queue）和微任务队列（Microtask Queue）。
- 宏任务包括：setTimeout、setInterval、I/O、UI 渲染
- 微任务包括：Promise.then/catch/finally、queueMicrotask、MutationObserver
- 每次事件循环，先执行一个宏任务，再清空全部当前微任务队列
事件循环运行流程
浏览器或 Node.js 的事件循环持续运行，按固定节奏协调任务：
- 执行一个宏任务（如 script 全局代码、setTimeout 回调）
- 执行过程中遇到 Promise，.then 被加入微任务队列
- 宏任务执行完，立即执行所有已排队的微任务（逐个执行，期间新微任务也插入队尾）
- 微任务清空后，可能触发 UI 渲染（浏览器环境）
- 从宏任务队列取下
一个任务，重复上述过程
一个典型例子帮你理解顺序
下面代码输出顺序是：1 → 2 → 4 → 3
console.log(1);
setTimeout(() => console.log(2), 0);
Promise.resolve().then(() => console.log(3));
console.log(4);
- 1 和 4 是同步代码，立刻输出
- setTimeout 回调进宏任务队列（下一轮）
- Promise.then 进微任务队列（本轮宏任务结束后立即执行）
- 所以 3 在 2 之前输出
一个任务，重复上述过程