预防微任务无限递归需阻断“微任务生成微任务”死循环，通过计数器、setTimeout替代、节流防抖、requestIdleCallback/Web Worker/rAF等安全调度，并用DevTools和性能分析主动检测。
预防微任务无限递归导致页面卡顿，核心在于阻断“微任务生成微任务”的死循环链。一旦触发，微任务队列永不清空，主线程无法进入渲染和交互阶段，页面瞬间失去响应。
识别高危模式
以下写法极易引发隐式递归：
- 在 Promise.then 回调里无条件返回新 Promise 或调用 queueMicrotask
- MutationObserver 的回调中直接修改被观察的 DOM 节点，触发新一轮回调
- 用 queueMicrotask 包裹自身调用，未设终止条件
强制切断递归路径
关键不是“避免递归”，而是确保每次执行都有明确出口：
- 引入计数器或状态标记，达到阈值或条件满足时不再发起新微任务
- 用 setTimeout(fn, 0) 替代连续微任务——它把逻辑推入宏任务队列，给渲染和事件留出执行窗口
- 对高频触发场景（如输入、滚动），必须叠加节流或防抖，防止微任务批量堆积
用更安全的调度替代
需要异步但不紧急的逻辑，优先选择非微任务方案：
- requestIdleCallback：在浏览器空闲时段执行，天然避开帧率敏感期
- Web Worker：将纯计算逻辑移出主线程，彻底隔离风险
- requestAnimationFrame：适合与视觉更新强关联的操作，保证每帧只执行一次
开发阶段主动检测
借助工具提前暴露问题：
- 在 Chrome DevTools 中启用 chrome://flags/#disable-javascript-microtask-queue 实验选项，可模拟禁用微任务队列，快速定位依赖微任务链的逻辑
- Performance 面板录制时关注是否出现持续 >50ms 的“主线程阻塞”，并检查火焰图中是否有密集的 Promise.then 堆叠
- 对关键异步流程加日志埋点，统计单次操作触发的微任务数量，设定合理上限告警
