JavaScript 递归不恢复

Question

这是我在 Google Chrome 版本 58.0.3029.81(64 位)(Windows 10 x64) 上运行的脚本

<script>  
var givenArray = [23, 6, [2, [6, 2, 1, 2], 2], 5, 2];
var printArray = function (start, array) {
    for (i = 0; i < array.length; i++) {
        if (Array.isArray(array[i])) {
            printArray(start + 1, array[i]);
        }
        else {
            for (j = 0; j < start; j++) {
                document.write("&nbsp;&nbsp;&nbsp;&nbsp;");
            }
            document.write(array[i] + '<br/>');
        }
    }
};
printArray(0, givenArray);
</script>

这个脚本应该打印

23
6
    2
        6
        2
        1
        2
    2
5
2

但它只是打印

23
6
    2
        6
        2
        1
        2

我的意思是，在递归调用外部 for 循环结束或函数返回之后。
这有什么问题？

Answer 1

您正在使用由所有 printArray 调用共享的全局 i 和 j。使用 var 将 i 和 j 设为本地:

var printArray = function (start, array) {
    for (var i = 0; i < array.length; i++) {
//       ^^^^ here
        if (Array.isArray(array[i])) {
            printArray(start + 1, array[i]);
        }
        else {
            for (var j = 0; j < start; j++) {
//               ^^^^ and here
                document.write("&nbsp;&nbsp;&nbsp;&nbsp;");
            }
            document.write(array[i] + '<br/>');
        }
    }
};

切勿在未声明的情况下使用变量，除非您希望它们是全局变量。