jQuery глобальная переменная с getScript

Question

У меня есть этот myObject, сгенерированный в foo.js, и измененный в bar.js.

И я попытался получить результат, когда getScript сделан. Однако, похоже, myObject не является глобальной переменной, если он деколирован внутри jQuery.

Может кто-нибудь, пожалуйста, объясните мне это?

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" 
    }; 
}); 

Answer 1

OK, спасибо Арун, но это работает ... window .myObject

$(function() { 

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

    // ... 
}); 

Answer 2

Поскольку вы объявили переменную внутри функции, она является локальной функции. Что вы можете сделать, это объявить переменную снаружи, но и присвоить значение внутри готового обработчика JQuery

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