避免无限微任务死循环的关键是切断链式自调度，需设置明确退出条件（如计数器、标志位）、分批处理数据（禁用单次大量queueMicrotask）、防止Promise隐式递归，并通过计数阈值和Performance面板监控预警。
避免无限微任务导致死循环，核心是切断“当前微任务又立即生成新微任务”的链式触发。JavaScript 引擎会持续执行微任务直到队列为空，一旦形成无终止条件的自我调度，主线程立刻卡死，页面无响应。
不写无退出条件的递归调度
微任务（如 queueMicrotask 或 Promise.then）内部若无判断就再次调用自身，会瞬间堆积大量待执行任务：
- ❌ 错误示例：
queueMicrotask(() => { console.log('tick'); queueMicrotask(arguments.callee); }); —— 没有停止逻辑，浏览器直接冻结 - ✅ 正确做法：加入明确的退出条件或状态控制
例如用计数器、标志位、数据是否处理完等作为判断依据
慎用微任务处理循环类逻辑
需要分批处理大量数据时，不要把整个 for 循环塞进一个微任务里，更不能在循环中每个迭代都调用 queueMicrotask：
- ❌ 危险写法：
for (let i = 0; i processItem(i)); } —— 一次性推入上万个微任务，阻塞后续宏任务（如渲染、用户交互） - ✅ 推荐替代：
用setTimeout分片（进入宏任务队列），或在单个微任务内控制每次处理数量（如每次最多 100 条），处理完再决定是否继续调度下一个微任务
警惕 Promise 链中的隐式递归
Promise.then 返回新 Promise 后再 .then 是正常行为，但若在回调中无条件返回自身或构造循环链，也会陷入死循环：
立即学习“Java免费学习笔记（深入）”；
- ❌ 隐患代码：
const loop = () => Promise.resolve().then(loop); loop(); - ✅ 安全写法：
确保每次 Promise 链推进都有可验证的进展，比如依赖异步结果、外部状态变更或时间戳比对
用调试手段提前发现风险
开发阶段可通过简单检测识别潜在无限微任务模式：
- 在微任务入口加计数器和阈值（如超过 100 次就
console.warn并暂停） - 利用浏览器开发者工具的“Performance”面板录制，观察是否出现长时间连续的微任务执行块
- 注意控制台警告：“Maximum call stack size exceeded” 或 “RangeError: Maximum call stack size exceeded” 可能是微任务过深的间接信号
