jQuery global variable with getScript

Question

I have this myObject decalred in foo.js, and modifed in bar.js.

And I tried to get the result when getScript is done. However it seems myObject is not a global variable if it is decalred inside jQuery.

Can someone please explain this to me?

foo.js

/*
    // this works fine, but I want to decalre it inside jQuery
    var myObject = {
        str: "hello world",
        num: "123"
    };
*/

$(function() {

    // this makes myObject NOT a global valriable
    var myObject = {
        str: "hello world",
        num: "123"
    };

    alert(myObject.str + " " + myObject.num);

    $.getScript("bar.js", function() {
        alert(myObject.str + " " + myObject.num);
    });
});

bar.js

$(function() {
    myObject = {
        str: "new string",
        num: "999"
    };
});

Arun P Johny · Accepted Answer · 2014-10-10 06:10:44Z

1

Since you declared the variable inside a function, it is local to the function. What you can do is declare the variable outside but assign the value inside the jQuery ready handler

foo.js

/*
    // this works fine, but I want to decalre it inside jQuery
    var myObject = {
        str: "hello world",
        num: "123"
    };
*/

var myObject;
$(function() {

    // this makes myObject NOT a global valriable
    myObject = {
        str: "hello world",
        num: "123"
    };

    alert(myObject.str + " " + myObject.num);

    $.getScript("bar.js", function() {
        alert(myObject.str + " " + myObject.num);
    });
});

bar.js

$(function() {
    myObject = {
        str: "new string",
        num: "999"
    };
});

Demo: Plunker

edited Oct 10, 2014 at 6:10

answered Oct 10, 2014 at 5:55

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user1643156 Over a year ago

So...the variables inside the 2 jQuery functions (from 2 js files in my example) are NOT in the same scope, is that right?

Arun P Johny Over a year ago

@user1643156 yes... depending on how the variable is declared

user1643156 · Accepted Answer · 2014-10-10 06:14:20Z

0

OK, thanks Arun, but this works... window.myObject

$(function() {

    // global variable defined inside function
    window.myObject = {
        str: "hello world",
        num: "123"
    };

    // ...
});

answered Oct 10, 2014 at 6:14

user1643156

4,58711 gold badges42 silver badges59 bronze badges

2 Comments

Arun P Johny Over a year ago

that is the same as declaring it outside

user1643156 Over a year ago

@ArunPJohny yes they have the same scope but as I stated in my question... I want the variable to be declared inside jQuery.

Collectives™ on Stack Overflow

jQuery global variable with getScript

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related