Question

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

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

Answer 1

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

使用Chrome内置的调试器在该内部函数的任何代码行上设置断点。当命中断点时，控制台中的代码在断点处的代码范围内运行，因此您可以使用控制台来检查a。（或者您可以将鼠标悬停在源窗口中的a上以查看其值。）
在函数中添加一行代码：console.log(a)。但我建议改用调试器。

Answer 2

T.J。 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

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

2 个答案: