setTimeout(0)通过将回调推入宏任务队列，在当前同步任务结束后、下一轮事件循环开始前执行，为主线程让出渲染空隙，从而缓解UI阻塞。
定时器在缓解 UI 渲染阻塞中起的是“让出主线程”的关键作用，不是加速执行，而是主动交还控制权，给浏览器留出渲染空隙。
为什么 setTimeout(0) 能缓解阻塞
JavaScript 主线程和 UI 渲染共用同一线程。一段长同步任务（比如万级循环或批量 DOM 操作）会独占主线程，导致页面卡顿、DOM 更新延迟显示。而 setTimeout(fn, 0) 并非立即执行，而是把回调推入宏任务队列，等当前同步代码全部执行完、调用栈清空后，才在下一轮事件循环开始时执行。这中间的空档，浏览器就能完成布局、绘制等渲染工作。
- 它制造了一个天然的“任务断点”，打破长任务对主线程的垄断
- 即使延迟设为 0，也必须等待当前同步任务结束，因此不会打断正在运行的逻辑
- 相比直接执行，它把耗时操作拆成多个小块，每块之间留出渲染机会
避免用 setInterval 做分片调度
setInterval 看似适合周期性分片，但实际不可靠：它的触发是“按时发起”，不考虑前一次回调是否执行完。若某次处理耗时超过设定间隔，后续回调就会堆积或被跳过，节奏失控。
- 例如 setInterval(fn, 16) 想模拟 60fps，但 fn 实际耗时 25ms → 实际间隔变成 25ms+，帧率下跌且抖动
- 更稳妥的做法是链式 setTimeout：每次回调结束后，再动态计算下一次执行时机
- 动画类场景优先用 requestAnimationFrame，它与浏览器刷新节奏同步，天然防丢帧
分片处理大量 DOM 或计算任务
当需要渲染数千项列表、解析大 JSON 或执行复杂算法时，可将任务切片，每片用 setTimeout 包裹，确保主线程不被长期占用。
立即学习“Java免费学习笔记（深入）”；
- 典型结构：取出一批（如 20 条），操作 DOM/计算，然后 setTimeout 处理下一批
- 每轮间隔建议 ≥ 4ms（HTML5 规范下限），避免被浏览器强制对齐
- 配合 cancelable 标志，支持中途取消（如用户切换页面、搜索条件变更）
注意定时器清理与内存泄漏
未清除的定时器会持续持有作用域引用，尤其在 React 等框架中，容易引发重复渲染、状态错乱或内存泄漏。
- 组件卸载或逻辑终止时，务必 clearTimeout / clearInterval
- 避免在闭包中隐式保留大型对象（如整个数据列表），应只传递必要参数
- 使用 useRef 存储 timer ID，比用变量更可靠，尤其在函数组件重渲染场景下
