Question

I have two external Javascript files. I declared a variable in one file and I am trying to access the variable from other. When I try to access it, it returns undefined.

<script src="script1.js"></script>
<script src="script2.js"></script>

script1:

$(function(){

    var myvar=35;
});

script2:

$(function(){

    alert(myvar); //this line causing error undefined.

});

Answer 1

Your variable isn’t global. You’ve declared it inside a function so it is local to that function. You need to move the var statement outside your document ready function:

var myvar=35;

$(function(){
    // other document ready stuff here, including
    // using or assigning a value to myvar if needed
});

Then it will be globally scoped and can be accessed from other script files (as long as they’re included after the one where it’s declared).

If you don’t know the value to assign until the document ready then do this:

var myvar;       // declare variable

$(function(){
    myvar = 35;  // assign value
});

Since you don’t try to use the value until the other script’s document ready handler runs this would be fine.