scheduler.yield不是万能解药，它仅协作式让出控制权给高优先级事件，不进任务队列、无延迟、不保证调度，且仅chromium124+支持，需运行时检测并降级。
为什么 Scheduler.yield 不是“让出线程”的万能解药
它根本不会把控制权交给其他任务或微任务，只是告诉浏览器：“我现在愿意暂停，你如果有更高优先级的事（比如用户输入、动画帧）就赶紧插进来”。这和 await new Promise(r => setTimeout(r, 0)) 有本质区别——后者强制进宏任务队列，而 Scheduler.yield 是轻量级的协作式让点（cooperative yield），不引入额外延迟，也不保证立即调度后续代码。
- 只在 Chromium 124+（含 Edge）中默认启用，Firefox 和 Safari 尚未实现，
navigator.scheduler可能为undefined - 不能替代
requestIdleCallback处理长耗时工作，它不提供 deadline 或 didTimeout 信息 - 调用后 JS 执行流仍处于当前调用栈，只是浏览器可在此刻中断并响应高优先级事件
在长列表渲染中正确使用 Scheduler.yield 避免卡顿
适用于需同步生成大量 DOM 节点但又不想阻塞交互的场景，比如初始化 5000 行表格。关键不是“每行都 yield”，而是按块分组 + 条件 yield。
- 每次处理 20–50 个节点后检查是否该 yield：
if (i % 30 === 0 && await navigator.scheduler?.yield?.() === undefined) break;（注意空值防护） - 必须配合
await使用，否则 yield 调用被忽略；函数需声明为async - 不要在事件回调里无节制 yield，例如
input事件中每打一个字都 yield 会放大调度开销 - 对比
setTimeout方案：yield 的恢复更及时，但无法控制最小间隔；若需防抖，仍要自己加逻辑
Scheduler.yield 和 requestIdleCallback 怎么选
二者目标相似，但触发时机和可控性不同：requestIdleCallback 等待浏览器空闲，适合后台任务；Scheduler.yield 是主动让点，适合已知正在做重活且想中途喘口气。
- 需要精确控制执行节奏（如每 8ms 做一点）→ 用
requestIdleCallback+deadline.timeRemaining() - 正在执行一个确定性的长循环，且希望“尽可能顺滑”而非“等空闲”→
Scheduler.yield更直接 - 需兼容旧浏览器 → 必须降级到
setTimeout(..., 0)或requestIdleCallback（带 polyfill） -
Scheduler.yield返回 promise，可await；requestIdleCallback是回调，不可 await，混用易出错
容易被忽略的兼容性与降级陷阱
最常踩的坑不是语法写错，而是忘了运行时检测和 fallback。很多团队直接写 await navigator.scheduler.yield()，结果在 Safari 上报 TypeError: Cannot read properties of undefined。
- 务必先判断：
const canYield = 'scheduler' in navigator && 'yield' in navigator.scheduler; - 降级方案别用
Promise.resolve()—— 它不释放控制权；应改用await new Promise(r => setTimeout(r, 0))或直接不 yield（取决于业务容忍度） - Vite / Webpack 构建时不会自动 polyfill
navigator.scheduler，也不能通过core-js补全，必须手写运行时逻辑 - 测试时别只看 Chrome，用 Firefox 打开 DevTools → Application → Clear storage → 强刷，确认降级路径走通
await navigator.scheduler.yield()，而是想清楚“这里到底要不要让”“让了之后下一块谁来触发”“不让的话用户会不会狂点按钮然后骂娘”。
