在整个调试过程中跟踪变量

时间:2017-02-02 13:34:07

标签: javascript debugging

有一个由内置库创建的变量,它作为参数在许多函数中传递。我希望在调试过程中随时跟踪该变量。我正在使用Chrome调试工具。某种机制,即使我进入另一个函数或文件,我也可以输入属性的名称,我可以举例说明它的属性(甚至可能在它创建之前?)。我想这样做是因为传递到其他地方的函数的对象没有正确创建,我想看看它在每一步被修改的时间/方式。谢谢!

以下是一些上下文,向您展示跟踪变量的复杂程度。

模块1(假设是a.js)

...
this.Content = "some initial value that is modified probably"

render: function(r){
     ...
     m = this.Content;
     renderControl(a,m,b);
     ...
}

renderControl: function(r,m,c){
     ...
     Module2.Render(m);
     ...
}

....

模块2(比方说b.js)

...

Render: function(C){
...
    helper.doSomething(C);
...
}

...

模块3(假设c.js)

...

doSomething: function(C){...};

...

因此,在模块1中,有一个类(我假设)的属性正在以某种方式创建和更改,然后它被传递到模块2和模块3来回。在C中我得到一个错误,传递的值(C)没有应该的方法(从模块1开始)。

1 个答案:

答案 0 :(得分:0)

好的,如果你的变量是可变的,那么只需将它设置为全局变量

var myGlobalVar = varIwantToTrack;

你随时都可以看到myGlobalVar