2016-08-25 19 views
0

我是jQuery的初学者,我从文档中学习和编写了这种风格的代码,我想在使用chrome控制台时看到那个范围中的数据,但是我不能。我想用一些工具或代码来获得该变量。当我使用chrome控制台时,如何从jQuery范围获取匿名函数中的变量?

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

请告诉我们啥子你真正想做的事情,所以我们可以提供最好的例子。有不同的方法,但不是所有的都很好用...... – eisbehr

+0

“我无法在Chrome控制台中获得该范围内的变量。”事实上你不能。其他任何人都不能。使用一个断点('debugger;')在需要的地方暂停执行,这样你就可以随时检查它,或者分配给一个全局变量,稍后在控制台中可用。 – Amadan

回答

3

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

  1. 使用内置到Chrome中的调试器设置一个断点的代码在内部函数的任何行。当命中断点时,控制台中的代码在断点处的代码范围内运行,因此您可以使用控制台检查a。 (或者您可以将其悬停在源窗口中的a以查看其值。)

  2. 将一行代码添加到函数中:console.log(a)。但我建议使用调试器。

1

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

相关问题