javascript - javascript 中奇怪的循环行为

Question

我敢肯定，这是非常基本的，但我很困惑。

如果我在浏览器中运行调用以下函数:

function bar(){
    var userInput=prompt("Enter a number between 1 and 20");
    if(userInput>=1 && userInput<=20){          
        var x=Number(userInput)+15;
        for(var i=0;i<x;i++){
            console.log("<br> blah. x=" + x );               //line1
            //console.log("<br> blah. x=" + x + " i=" + i ); //line2            
        }
    } else {
        console.log("Invalid number; please try again");
    }
}   

并提供(比如)值 5，我意外地得到了以下 one 输出行:

<br> blah. x=20

但是，如果我提供相同的值，但注释掉第一行并取消注释第二行，我会得到以下(预期的)输出:

<br> blah. x=20 i=0
<br> blah. x=20 i=1
<br> blah. x=20 i=2
<br> blah. x=20 i=3
<br> blah. x=20 i=4
<br> blah. x=20 i=5
<br> blah. x=20 i=6
<br> blah. x=20 i=7
<br> blah. x=20 i=8
<br> blah. x=20 i=9
<br> blah. x=20 i=10
<br> blah. x=20 i=11
<br> blah. x=20 i=12
<br> blah. x=20 i=13
<br> blah. x=20 i=14
<br> blah. x=20 i=15
<br> blah. x=20 i=16
<br> blah. x=20 i=17
<br> blah. x=20 i=18
<br> blah. x=20 i=19

这是为什么？显然是有原因的。提前致谢。

Answer 1

如果我没理解错的话，控制台会显示:

也就是说，同一行重复了 20 次。看到前面的20号了吗？这种方式更容易理解，因此控制台会将所有相似或相同的响应归为一组，并在左侧显示数字。