Question

I have this code:

(function ($) {  

    $(document).ready(function() { 
         test("hola","caracola");
    });

    function test(somevar1, somevar2)
    {
        alert(somevar1+ "" + somevar2);
    }

}(jQuery));

function atest2(somevar1, somevar2)
{
    test(somevar1+ "" + somevar2);
}

when executing test2 function the result is:

ReferenceError: test is not defined

My question is:

How can I call test2 to execute correctly jQuery’s inner test function?

Thanks

Answer 1

You have to export test to the global scope if you want to use it outside the anonymous function. That can be done in ths way:

(function ($) {  
    // ...
    function test(somevar1, somevar2) {
        alert(somevar1+ "" + somevar2);
    }
    window.test = test; // <-- This
}(jQuery));

The big advantage of this method over moving the function declaration outside the anonymous function is that test can still use local variables, which are only accessible from within the anonymous function.