javascript - ClearTimeout 是否可以在超时到期但尚未获得执行机会的情况下清除超时？

Question

假设我有一个运行客户端的函数render，可能需要 100-1000 毫秒 我有一个函数fetch，它发出服务器请求，并在成功时清除渲染超时，然后以 100 毫秒的超时调用渲染。 我有一个按钮，onclick，再次清除渲染超时，然后以 100 毫秒的超时调用渲染。

我发现，当我多次尝试单击该按钮时，并且如果发出了许多服务器请求，则只有第一个和最后一个响应会按预期进行渲染。 但这能保证吗？我可以放心地依赖它吗？

任何让我放心或告诉我陷阱的链接将不胜感激。 我经历过this 我知道无论如何，如果发生任何异步事件，它只会在第一次执行空闲时排队并执行，但我对队列中应该包含什么内容的决定感到困惑因为这是由浏览器完成的？

Answer 1

我很难找到好的源代码，因此我尝试在浏览器中运行此脚本。

var doItLater = function () {
    alert("I did it!");
};

window.onload = function () {
    // set a timeout to execute immediately
    var timeout = window.setTimeout(doItLater, 0);

    for (var i = 0; i < 1000000000; i++) {
        // waste some time
    }
    // The timeout has definitely triggered by now.
    // doItLater is queued up to execute as soon as
    // this function returns.

    clearTimeout(timeout); // wait, I changed my mind!
};

// Does doItLater get called?

而且它有效! clearTimeout() 会阻止 doItLater() 被调用，即使它已经被放入队列中。

顺便说一句，我绝对建议在渲染函数中使用 setTimeout() 来防止页面变得无响应。对于函数来说，1000 毫秒对于阻止事件循环来说太长了。 (例如，请参阅 here )