如何查看这个函数是怎么运行的？

Question

我不明白这两个是如何得到这个结果的，我想查看他们在 浏览器中一步一步的动作，应该怎么调试？

var a = [];
    for (var i = 0; i < 10; i++) {
      a[i] = function () {
        document.write(i);
      };
    }
    a[6](); // 10

---

更新

这个是我刚刚想到的，看他的打印结果

 var a = [];
    for (var i = 0; i < 10; i++) {
      a[i] = function () {
        document.write(i);
      };
    }
    
    var b = [];
    for (let u = 0; u < 10; u++) {
      b[u] = function () {
        document.write(u);
      };
    }
    
    for(var o = 0;o<10;o++){
    document.write("_");
    a[o]();
    document.write("_");
    }
    
    for(let p = 0;p<10;p++){
    document.write("-");
    b[p]();
    document.write("-");
    }

Answer 1

在 source 里有一个 Snippets，新建一个 snippet，然后将这段代码拷贝进去，设置断点并执行就可以了。

Answer 2

函数内加

debugger;

或者通过编辑器加断点。
开控制台后刷新页面程序就会停在断点处。
F8单步执行，watch里添加变量名可以监视变量。

Answer 3

最简单的加 console.log () 呗，放for里输出i和a[i]

Answer 4

这里是有说明的