React Native中setInterval设6秒却每9.5秒执行，原因何在？

你的代码里把异步函数（async标记）作为setInterval的回调是核心诱因之一，结合React Native的运行特性，具体原因如下：

• async函数的隐性调度开销：哪怕pingHeartbeat里没有实际异步操作（无await），标记为async的函数会默认返回Promise，JS引擎会将其执行逻辑放入微任务队列处理。setInterval的回调原本属于宏任务范畴，现在因为Promise的存在会额外增加调度延迟，叠加后拉宽了实际执行间隔。

• React Native JS线程阻塞：React Native的JS线程是单线程模式，如果应用运行时有其他耗时操作（比如复杂UI渲染、大量数据计算、耗时的原生模块调用），会阻塞JS线程，导致setInterval的回调无法按时触发，只能延后到线程空闲时执行，这会直接放大执行间隔的偏差。

• 定时器本身的精度限制：setInterval本身并非高精度定时器，它的执行时机依赖JS事件循环的空闲状态。当事件循环中有其他任务排队时，定时器会被推迟执行，你的情况延迟幅度较大，更可能是前两个因素叠加导致的。

如果pingHeartbeat内部没有异步操作，直接去掉async标记即可：

const usePingHeartbeat = () => {
    useEffect(() => {
        const pingHeartbeat = () => {
            console.log('Pinged');
        };

        const intervalId = setInterval(pingHeartbeat, 6000);

        return () => clearInterval(intervalId);
    }, []);
};

export default usePingHeartbeat;

如果后续需要在pingHeartbeat中加入异步操作，建议改用setTimeout递归调用，避免setInterval因异步操作堆积导致的延迟叠加：

const usePingHeartbeat = () => {
    useEffect(() => {
        let isActive = true;

        const pingHeartbeat = async () => {
            console.log('Pinged');
            // 此处可添加await异步操作
            if (isActive) {
                setTimeout(pingHeartbeat, 6000);
            }
        };

        pingHeartbeat();

        return () => {
            isActive = false;
        };
    }, []);
};

export default usePingHeartbeat;

内容的提问来源于stack exchange，提问作者Onyx