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

Question

有一个由内置库创建的变量，该变量作为参数传递给许多函数。我想在调试期间随时跟踪该变量。我正在使用 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 开始）。

Answer 1

好的，如果您的变量是可变的，那么只需将其设置为全局变量

var myGlobalVar = varIwantToTrack;

您将能够随时查看 myGlobalVar