Chrome 的窗口调整大小事件问题

Question

当窗口大小调整时，我正在尝试处理网站上的内容，但我遇到了一个无法解决的 Chrome 问题。这是代码，非常简化：

<script language="javascript" type="text/javascript">
    window.onresize = function()
        {
            alert(1);
            alert(2);
            alert(3);
            alert(4);
        };
    });
</script>

当我单击“恢复”窗口（make 更小）时，它工作正常（由于某种原因执行两次）。最大化窗口时，警报按以下顺序排列：1、2、1、2、3、4、3、4；或者有时是 1, 1, 2, 3, 4, 2, 3, 4。在 IE 中似乎工作得很好（执行三次），而 FF 则很好（只执行一次）。我也尝试过使用 $(window).resize(...); 的 jQuery 等效项。得到相同的结果。我知道 javascript 不是多线程的，但在这种情况下看起来几乎是多线程的。有人有什么想法吗？

Answer 1

这并不是单线程与多线程的区别，alert() 调用是锁定执行线程的少数事情之一，因此当警报启动时，其他事情在后台排队。

如果您没有使用警报，而是执行了 console.log() 或写入页面进行调试，那么您将获得比使用 alert() 更加一致的行为code> 调用...这对于判断线程或竞争条件来说确实很糟糕，因为它们直接干扰和改变它们。