如何在Chrome调试器中向匿名函数中声明的变量添加观察程序？

Question

我的javascript代码封装在一个立即调用的函数中，如下所示：

(function($){
    var myVar;

    ... Some code
})(jquery)

我想使用Chrome调试器观看变量myVar。

在任何时候刷新观察者时都会看到更改。

Answer 1

在它上面设置一个断点，当chrome停止时你应该可以右键单击或手动将它添加到监视列表。

您也可以使用

将其打印到输出屏幕

console.log(myVar);

注意：一旦功能完成，var将会松开范围。如果你想在函数完成后保留var，你需要将它移出函数。

var myVar;
(function($){
    myVar = "somthing with some code"
    ... Some code
})(jquery)

希望这会有所帮助

Answer 2

你可以把调试器;作为匿名函数的第一行，它将停止执行，因此您可以单步执行它。它将显示在本地，或者您可以右键单击并添加监视。

(function($){
    debugger;
    var myVar;

    //Code ....
})(jQuery)

见这里：http://jsfiddle.net/jTc76/

要查看测试功能，请确保开发人员控制台已启动。