宏任务嵌套不会导致新宏任务立即执行，而是按插入顺序在下一轮事件循环中执行；微任务则在每个宏任务结束后立即全部清空。
JavaScript 的事件循环中，宏任务嵌套本身不会“引发”新的宏任务自动插入队列，真正造成执行顺序困惑的，是开发者误以为 setTimeout、setInterval、I/O 回调等宏任务内部的同步代码或新发起的宏任务会“插队”或“打断”当前流程——其实它们只是按规则排队等待下一轮事件循环。
宏任务不会在当前轮次内嵌套执行
一个宏任务（如主脚本、setTimeout 回调）执行时，其内部所有同步代码会**立即、连续、无中断**运行。哪怕里面又调用了 setTimeout(fn, 0)，这个新宏任务也不会立刻执行，而是被推入**下一个**宏任务队列尾部。
例如：
console.log(1);
setTimeout(() => {
console.log(2);
setTimeout(() => console.log(3), 0); // 这个 3 要等到下下轮
}, 0);
console.log(4);
// 输出：1 → 4 → 2 → 3
关键点：
• 主脚本是宏任务，输出 1 和 4 是同步的；
• 第一个 setTimeout 回调是第二个宏任务，输出 2；
• 它内部的 setTimeout 创建第三个宏任务，排在**本轮之后的下一轮**，所以 3 最后出现。
微任务总是在宏任务末尾清空
只要宏任务执行结束（不管它嵌套多深），引擎就会立即检查微任务队列，并**一次性执行完所有当前存在的微任务**，期间不穿插任何宏任务。
立即学习“Java免费学习笔记（深入）”；
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
常见微任务：Promise.then/catch/finally、queueMicrotask、MutationObserver 回调。
例子：
console.log(1);
setTimeout(() => {
console.log(2);
Promise.resolve().then(() => console.log(3));
}, 0);
Promise.resolve().then(() => console.log(4));
console.log(5);
// 输出：1 → 5 → 4 → 2 → 3
说明：
• 同步：1、5；
• 微任务队列此时有 1 个（4），执行 → 输出 4；
• 宏任务队列此时有 1 个（setTimeout 回调），执行 → 输出 2，同时注册新微任务（3）；
• 宏任务结束，立即清空微任务队列 → 输出 3。
避免“嵌套错觉”的实用建议
所谓“宏任务嵌套引发迷思”，本质是混淆了「调用时机」和「执行时机」。记住三条铁律：
- 所有宏任务都严格按插入顺序，在各自独立的事件循环阶段执行
- 微任务不是“嵌套在宏任务里”，而是在每个宏任务结束后统一调度
-
setTimeout(fn, 0)不等于“立刻执行”，它只是“尽快安排在下一轮开头”
调试技巧：
• 用 console.log('【macro】', Date.now()) 标记宏任务入口；
• 用 queueMicrotask(() => console.log('【micro】', Date.now())) 观察微任务触发点；
• 配合浏览器 DevTools 的 **Event Loop Explorer**（部分版本支持）或 Performance 面板录制，直观查看任务排队与执行帧。
真实场景中的典型陷阱
以下写法容易让人误判执行顺序：
-
链式 setTimeout：每轮都设
setTimeout(..., 0)，看似“递归”，实则形成宏任务队列的线性延展，中间可能被其他宏任务（如用户点击、fetch 回调）插入 -
Promise 内启动宏任务：
Promise.resolve().then(() => setTimeout(...))—— 微任务先执行，再把宏任务推到队尾，不是“紧接着” -
requestIdleCallback + setTimeout 混用：前者属于宏任务但优先级更低，实际执行时机更不确定，不要假设它一定在某个
setTimeout之后
若需精确控制节奏，优先用 Promise 链或 queueMicrotask 做同步协调；必须跨轮时，明确接受“至少延迟一次事件循环”的语义。
