Calling function inside jQuery document ready

Question

While debugging, I always use Firebug and try to call functions and show variables. However I can't when the function or variable is defined within $(document).ready.

How can I access these variables? Can I type something like a namespace, like document.ready.variableName or how can I see this?

Thank you in advance.

Answer 1

Global variables and functions can be created by assigning them as a property of window:

$(function(){
    window.foo = function foo() {
        // …
    }
});

foo() should be accessible anywhere after that handler is executed.

Answer 2

How can I access these variables?

Well, you can't. Everything that you define inside an anonymous function such as what you are using in the $(document).ready is scoped to this anonymous function. It's private and not accessible to the outside.

So you could put your console.log inside the $(document).ready if you needed to inspect some private variable that is defined in its scope.