JavaScript 通过事件循环的既定规则,天然地为任务划分了优先级:微任务(如 Promise.then、queueMicrotask)总是在当前宏任务执行完毕后立即全部完成,优先级明显高于宏任务(例如 setTimeout、UI 渲染)。然而,真正要精准调度执行时机,还需要结合渲染节奏(比如 requestAnimationFrame)、用户感知,以及我们自行构建的任务队列来协同优化。

JavaScript 本身并不会区分“来自 fetch 的任务”或“来自定时器的任务”,它只关注任务类型和插入时机。真正决定执行顺序的,是任务自身的宏任务 / 微任务类别,以及你通过浏览器和运行时提供的调度接口所安排的时间点。
靠任务类型决定天然优先级
这是最基础、最可靠的一层控制:
- 微任务(Promise.then、queueMicrotask、MutationObserver)总在当前宏任务结束后立即全部执行完,特别适合关键状态同步、用户反馈、错误兜底等场景。
- 宏任务(setTimeout、setInterval、I/O 回调、UI 渲染、postMessage)每次只取一个,按注册顺序排队,适合延后执行、非紧急逻辑。
- 即使你先写了 setTimeout(0) 再写 Promise.then,输出也一定是 then 先执行——这不是配置出来的,而是事件循环的硬性规则。
靠调度时机对齐真实体验
优先级最终要落在用户感知上,因此需要结合浏览器渲染节奏来安排:
- 需要在 DOM 更新后、下一帧绘制前运行?用 queueMicrotask。
- 需要测量尺寸、动画同步?用 requestAnimationFrame(它属于宏任务,但紧邻渲染)。
- 后台日志、预加载等低优操作?用 requestIdleCallback,并检查
deadline.timeRemaining()动态截断。 - 检测到用户输入(比如 scroll、keydown)?可以临时提升相关任务优先级,插队执行。
靠自建队列实现多级优先控制
当默认机制不够用时,自己动手丰衣足食——维护多个独立队列,比如 immediate、high、normal、low,按需从最高非空队列取任务。
- 高优队列连续执行不超过 3 个任务,防止饿死其他队列。
- 给任务加上 ID 和 abortSignal,支持
cancel(id)或reschedule(id, newPriority)。 - 对执行超时(比如超过 5ms)的任务自动降级,避免阻塞。
靠宿主能力做物理隔离
某些运行环境提供更底层的调度能力:
- 在 Napa.js 中,可以用 多 Zone 隔离:创建 high-priority Zone 分配专用 Worker,让关键任务独占计算资源。
- Napa.js 的 broadcast 调用比普通 execute 优先级更高,适合紧急广播类任务。
- Node.js 中可以通过 worker_threads 把 CPU 密集型任务移出主线程,间接保障主线程响应性。
