javascript - Function from other file is not defined - Stack Overflow

I wrap by $(function) both files for running code when page is ready. But for some reasons calling function from first file in second file gives me error "ReferenceError: test is not defined".

First file:

$(function() {

    function test() {
        alert(1);
    }

});

Second file:

$(function() {

    test();

});

I wrap by $(function) both files for running code when page is ready. But for some reasons calling function from first file in second file gives me error "ReferenceError: test is not defined".

First file:

$(function() {

    function test() {
        alert(1);
    }

});

Second file:

$(function() {

    test();

});

• javascript
• jquery
• function
• scope

Share Improve this question Follow edited Nov 18, 2017 at 9:31 jhpratt 7,1301616 gold badges4242 silver badges5353 bronze badges asked Nov 18, 2017 at 5:37 dt_dt_ 9511 silver badge1111 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

This is because JavaScript scope, you can avoid this by using Window global object.

Adding your variables to Window object will make them global, so you can access them from anywhere.

First file:

$(function() {

    window.test = function () {
        alert(1);
    }

});

Second file:

$(function() {

    test();

});