requestidlecallback 是浏览器提供的低优先级任务调度 api，允许在主线程空闲时执行非紧急任务，并通过 idledeadline 提供剩余空闲时间与超时判断，需检查 timeremaining() > 0 以避免阻塞，不保证执行且无标准取消机制。
requestIdleCallback 是 BOM（Browser Object Model）中一个用于在浏览器空闲时段执行低优先级任务的 API，它不直接属于 JavaScript 语言标准，而是由浏览器提供，用于优化页面响应性与性能。
什么是 requestIdleCallback？
它让开发者把非紧急、可延迟的任务（比如日志上报、DOM 清理、预加载非关键资源）交给浏览器，在主线程空闲且不影响用户交互或动画渲染时执行。浏览器会传入一个 IdleDeadline 对象，包含剩余空闲时间（timeRemaining()）和是否已超时（didTimeout）。
基本用法与注意事项
- 调用方式简单：
requestIdleCallback(callback, options) -
callback接收一个IdleDeadline参数，必须检查timeRemaining() > 0再执行逻辑，避免阻塞后续帧 -
options可选，目前只支持{ timeout: ms }：强制在指定毫秒后触发回调（即使未空闲），适合防任务饿死 - 不能保证一定执行：若页面长期忙碌（如持续动画、高频输入），回调可能被推迟甚至跳过
- 不支持 Promise，需手动封装；也不支持取消（无对应 cancelIdleCallback 标准 API，Chrome 曾实验性支持但已移除）
典型使用模式：分片处理 + 递归调度
适合处理大量数据（如批量更新虚拟列表、解析大 JSON）：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
function processItems(items, index = 0) {
const chunkSize = 20;
const deadline = requestIdleCallback((deadline) => {
while (index 0) {
// 处理单个 item
doSomething(items[index]);
index++;
}
if (index processItems(items, index), { timeout: 1000 });
}
}, { timeout: 1000 });
}
与 setTimeout(0) / Promise.then 的区别
-
setTimeout(fn, 0)和微任务（如Promise.then）会在当前任务队列清空后立即执行，可能抢占渲染或输入响应时机 -
requestIdleCallback主动让出主线程，等待浏览器判定“空闲”（通常在 RAF 后、事件处理前），更友好于用户感知性能 - 注意：它不是定时器，也不是节流工具，不能替代
debounce或throttle
兼容性与降级方案
Firefox、Chrome、Edge 支持良好；Safari 从 16.4 开始支持（iOS 16.4+）。不支持时建议降级为 setTimeout 或直接同步执行（视任务紧急程度而定）：
const runIdle = window.requestIdleCallback ||
((cb) => setTimeout(() => cb({ timeRemaining: () => 1 }), 0));
runIdle((deadline) => {
while (deadline.timeRemaining() > 0 && hasWork()) {
performWork();
}
});
不复杂但容易忽略：始终检查 timeRemaining()，并设计好中断与恢复逻辑。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
