setTimeout无延迟触发问题：超大延迟参数导致立即执行如何修复？

先看这段出现异常的代码：

function abc() {
    console.log("ok")
}

setTimeout(abc, 10000000000000000000000000000000)

异常原因 #

JavaScript 里setTimeout的延迟参数会被强制转换为32位有符号整数，它的最大值是2^31 - 1（即2147483647毫秒，约24.8天）。当传入的数值超出这个上限时，会被自动截断为无效值（通常是0），导致定时器直接触发，所以你的代码会立即输出"ok"。

修复方案 #

要实现超长延迟，我们可以把大的延迟时间拆分成多个不超过上限的分段，通过递归逐步处理剩余时间，直到剩余时间小于等于最大有效延迟时再执行目标函数：

function abc() {
    console.log("ok");
}

function delayedExecute(func, delay) {
    const MAX_VALID_DELAY = 2147483647; // 32位有符号整数的最大有效值
    if (delay <= MAX_VALID_DELAY) {
        setTimeout(func, delay);
        return;
    }
    // 先设置最大有效延迟，到期后递归处理剩余时间
    setTimeout(() => delayedExecute(func, delay - MAX_VALID_DELAY), MAX_VALID_DELAY);
}

// 用这个函数替代直接调用setTimeout
delayedExecute(abc, 10000000000000000000000000000000);

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