setTimeout(fn, 0)有哪些更优替代方案？JavaScript异步调度等效实现问询

首先我们先明确两类调度逻辑的区别：

• 微任务调度：回调会在当前宏任务执行结束后、下一个宏任务开始前执行，优先级高于setTimeout这类宏任务
• 宏任务调度：和setTimeout(fn, 0)行为完全一致，回调会在所有微任务处理完成后执行

通用跨环境方案 #

微任务类（支持ES6+的所有运行环境：浏览器、Node.js、Deno等均可使用） #

• 使用Promise.resolve().then(回调函数)：这是最通用的无依赖方案，只要环境支持Promise即可运行，会将回调推入微任务队列，当前调用栈清空后立刻执行。如果需要兼容ES5及更早版本，可引入Promise polyfill实现相同效果。

宏任务类（全环境通用） #

• setTimeout(回调函数, 0)本身就是跨环境的原生实现，唯一的缺点是多数浏览器环境会对小于4ms的定时器做对齐处理，存在最小延迟。

特定环境优化方案 #

浏览器环境专属宏任务方案 #

• postMessage：通过监听全局message事件、发送自定义标识的消息触发回调，没有浏览器的定时器最小延迟限制，精度高于setTimeout，使用时注意和业务自身的postMessage逻辑做区分避免冲突。
• MessageChannel：创建独立的消息通道，通过端口收发消息触发回调，也是无延迟的宏任务实现，不会和全局事件冲突。
• requestIdleCallback：如果允许回调在浏览器空闲时段执行（不要求立刻运行），可以使用该API，优先级低于普通宏任务。

Node.js环境专属方案 #

• 宏任务类：setImmediate(回调函数)，无4ms延迟，性能优于setTimeout(fn, 0)，回调会在I/O事件处理完成后、下一轮定时器前执行。
• 微任务类：process.nextTick(回调函数)，是Node.js优先级最高的微任务，会在所有其他微任务（包括Promise回调）之前执行，调用栈清空后立刻运行。

第三方工具方案 #

如果不想自己做环境判断，可以使用成熟的第三方库封装好的能力：

• lodash的_.defer方法，自动适配不同运行环境的最优调度逻辑，实现和setTimeout(fn,0)等效的效果
• async.js的async.nextTick方法，同样做了跨环境兼容，同时支持微任务/宏任务的调度配置

内容的提问来源于stack exchange，提问作者Gustavo Máximo