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

问题描述

问 题

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

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("-");
    }

解决方案

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

这篇关于javascript - 如何查看这个函数是怎么运行的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！