javascript - 没有 alert() 触发无限循环

Question

由于完全超出我理解的原因，这个函数运行得很好:

function foo() {
    var loop = true;
    var abc = ["a","b","c"];
    var ctr = 0;
    while(loop) {
        $("<img />").error(function () {
            loop = false;
        }).attr('src','images/letters/'+abc[1]+(ctr++)+".jpg");
        alert(ctr);
    }
}

但是将 alert(ctr) 移到 while 之外会触发无限循环。

function foo2() {
    var loop = true;
    var abc = ["a","b","c"];
    var ctr = 0;
    while(loop) {
        $("<img />").error(function () {
            loop = false;
        }).attr('src','images/letters/'+abc[1]+(ctr++)+".jpg");
    }
    alert(ctr);
}

谁能帮忙澄清一下？

Answer 1

我会非常小心地做你正在做的事情。你看，你实际上是在脱离一个无限循环，依靠 JS 抛出的 error 事件来中断那个循环。我想您会看到上述行为，因为调用 alert() 会发送消息，并为事件提供触发机会。在后一个示例中，您只是在旋转 CPU，不给任何其他事情发生的机会。