Javascript - 循环内循环

Question

我有以下代码:

 for (i = 0; i < 3; i++){ //big loop
    console.log("Start of round" + i)
    for (s = 0; s < 5000; s++){ //small loop aka delay loop
        console.log("End of round" + i);
    }
    s = 0; //reset

}

首先 - 我知道还有其他方法可以解决这个问题。问题是，我想进一步了解循环，所以我选择了这个例子，请告诉我哪里错了。

所以我有一个循环应该自己运行3次。每次它自己运行时，都会有一个循环来延迟进程。问题是，延迟在第二次和第三次时不再发生。

这是我认为应该发生的事情

1) 首先i = 0，继续循环

2)内部循环延迟进一步进行

3)当延迟循环结束时，重置小循环的s变量，这样当i = 1时它会再次自行运行；更大的循环将再次开始

4) 当 i = 1 时，大循环再次开始；所以继续，再次运行延迟循环，因为我们上次重置了 var 。

5) 当 i = 2 时重复

我在这里缺少什么？我想更深入地了解 javascript 循环。谢谢。

Answer 1

延迟没有真正的区别，您所看到的只是控制台在 for 循环中努力快速更新。

for (i = 0; i < 3; i++){ //big loop
    console.log("Start of round" + i);
    console.time(i);
    for (s = 0; s < 5000; s++){ //small loop aka delay loop
        console.log("End of round" + i);
    }
    console.timeEnd(i);

}

当您记录处理时间时，您会发现数字几乎相同。

如果删除日志行，您可以更清楚地看到循环是相同的 +- 毫秒

for (i = 0; i < 3; i++){ //big loop
    console.log("Start of round" + i);
    console.time(i);
    for (s = 0; s < 5000; s++){ //small loop aka delay loop
    }
    console.timeEnd(i);

}

浏览器将优化代码，因为作为开发人员和用户，您希望获得更快的代码。

如果你确实想要延迟，你需要使用 setTimeout 或 setInteral

var count = 0;
function round () {
    console.log(count);
    count++;
    if(count<3) {
        window.setTimeout(round, 2000);
    }
}
round();