我是jQuery的初学者,我从文档中学习和编写了这种风格的代码,我想在使用chrome控制台时看到那个范围中的数据,但是我不能。我想用一些工具或代码来获得该变量。当我使用chrome控制台时,如何从jQuery范围获取匿名函数中的变量?
(function($){
$(function(){
var a = 1;
//code
//'that' is this scope
})
})(jQuery);
我是jQuery的初学者,我从文档中学习和编写了这种风格的代码,我想在使用chrome控制台时看到那个范围中的数据,但是我不能。我想用一些工具或代码来获得该变量。当我使用chrome控制台时,如何从jQuery范围获取匿名函数中的变量?
(function($){
$(function(){
var a = 1;
//code
//'that' is this scope
})
})(jQuery);
有两种方法可以看到Chrome控制台上的a
值:
使用内置到Chrome中的调试器设置一个断点的代码在内部函数的任何行。当命中断点时,控制台中的代码在断点处的代码范围内运行,因此您可以使用控制台检查a
。 (或者您可以将其悬停在源窗口中的a
以查看其值。)
将一行代码添加到函数中:console.log(a)
。但我建议使用调试器。
T.J. Crowder的答案实际上提供了一个很好的解决方案,在这里我想添加使用debugger
语句来调用任何可用的调试功能(类似地在设置代码中的断点处)。
如果没有调试功能可用或您的浏览器开发工具已关闭,则此语句不起作用。
(function($){
$(function(){
debugger
var a = 1;
//code
//'that' is this scope
})
})(jQuery);
要了解更多关于debbuggin铬:
https://developer.chrome.com/devtools
更多debugger
:
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/debugger
请告诉我们啥子你真正想做的事情,所以我们可以提供最好的例子。有不同的方法,但不是所有的都很好用...... – eisbehr
“我无法在Chrome控制台中获得该范围内的变量。”事实上你不能。其他任何人都不能。使用一个断点('debugger;')在需要的地方暂停执行,这样你就可以随时检查它,或者分配给一个全局变量,稍后在控制台中可用。 – Amadan