Console access to Javascript variables local to the $(document).ready function

Question

How can I access some variables inside

$(document).ready(function(){     var foo=0;     var bar = 3; }); 

from Google chrome console? If I try alert(foo), I will get a message that it is not defined.

Answer 1

Put a breakpoint with the debugger. You'll get full access to them when the debugger will stop.

Other answers telling you to put them in the global scope are bad. Don't use bad practices just because you don't know how to use the right tools.

Answer 2

You can't access these variables because they are defined within a functional closure. The only way you could do it is if you made a global reference to them outside your function's scope.

var foo, bar;  $(document).ready(function(){     foo = 0;     bar = 3; });