使用Chrome控制台时，如何从jQuery范围中获取匿名函数中的变量？

Question

我是jQuery的初学者，我从文档中学习并编写了这种风格的代码，我想在使用chrome控制台时查看该范围内的数据，但我不能。我想使用一些工具或代码来得到那个变量。

(function($){
    $(function(){
        var a = 1;
        //code
        //'that' is this scope
    })
})(jQuery);

Answer 1

有两种方法可以看到的价值a在Chrome的控制台上：

1. 使用Chrome内置的调试器在该内部函数的任何代码行上设置断点。 当断点被击中，在控制台代码在断点代码的范围内运行，所以你可以使用控制台检查a 。 （或者您也可以悬停在a源窗口中看到它的价值。）

2. 向该函数添加一行代码： console.log(a) 。 但是我建议改用调试器。

Answer 2

TJ Crowder的答案实际上提供了一个很好的解决方案，在这里我想补充一下debugger语句的使用，该语句调用任何可用的调试功能（类似地，在代码中设置断点）。

如果没有调试功能可用或浏览器开发工具已关闭，则此语句无效。

   (function($){
        $(function(){
           debugger
            var a = 1;
            //code
            //'that' is this scope
        })
    })(jQuery);

要了解有关Chrome中的debbuggin的更多信息：

https://developer.chrome.com/devtools

有关debugger更多信息：

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/debugger