javascript - 如何将观察者添加到 Chrome 调试器中匿名函数中声明的变量中？

Question

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

(function($){
    var myVar;

    ... Some code
})(jquery)

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

并随时刷新观察者时查看变化。

score 0 · Accepted Answer

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

您还可以使用将其打印到输出屏幕

console.log(myVar);

注意：一旦函数完成，这个 var 将失去作用域。如果要在函数完成后保留 var，则需要将其移出函数。

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

希望这可以帮助

score 0 · Accepted Answer

可以放调试器；作为匿名函数的第一行，它将停止执行，以便您可以单步执行。它会出现在本地，或者您可以右键单击并添加手表。

(function($){
    debugger;
    var myVar;

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

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

2 回答 2