javascript - 有人可以帮助我理解以下代码的输出吗？

Question

我已经尝试过，但每次我都会得到不同的奇怪输出。理想情况下，它应该打印 0, 1, 2, 3, 4 并退出循环，但它不会发生。

function foo(iteration) {
    if (iteration === 5) {
        return;
    }
    for (let i = 0; i < 5; i++) {
        console.log(i);
        foo(iteration + 1);
    }
}

foo(0);

Answer 1

要了解当前的输出，请首先逐步浏览您的函数。它帮助我把它写出来并跟踪这些值。

1. 迭代从0开始

2. 它启动 for 循环

3. i 此时为 0。

4. 已记录到控制台。

5. foo 再次被调用，值为 1

6. 迭代仍然小于5

7. 一个新的 for 循环开始。 (第2步)

8. i 是 0，这是一个全新的循环，因为它位于 foo 的新实例内

在 for 循环的每次迭代中，您调用 foo，当 iteration 小于 5 时，您开始一个新的 for 循环。

这是一个可以执行您喜欢的操作的函数示例:

function foo(iteration) {
      while(iteration < 5) {
            console.log(iteration)
            iteration++
     }
}

foo(0)