Область видимости переменной jQuery / последовательность вызовов

Question

У меня проблемы с пониманием области переменных jQuery.

var myVar;

function getMyVar() {
    myVar = 'test';
}

$(window).load(function() {
    getMyVar();
});

alert(myVar);   

Этот код выдаст предупреждение "undefined", и мне нужно, чтобы он показал "test", и я хочу понять мои проблемы с областью здесь.*

Answer 1

Это не проблема объема.

alert выполняется еще до того, как будет вызвано событие window.load, в котором переменной myVar присваивается значение test.

Согласно документам MDN:

Событие загрузки происходит в конце процесса загрузки документа. В В этот момент все объекты в документе находятся в DOM, и все изображения и подкадры завершили загрузку.

Answer 2

Проблема в том, что getMyVar не вызывается до тех пор, пока окно не загружено, в то время как предупреждение выполняется немедленно. Таким образом, предупреждение происходит до того, как переменная определена. Дело не в объеме, а в асинхронном выполнении функций загрузки окна.

Answer 3

Область видимости не ограничивается jQuery. То, как javascript определяет область видимости, это то, что здесь правил. jQuery - это библиотека, построенная на основе JavaScript.

Сказав это, вы объявляете глобальную переменную, которая доступна каждому. Однако назначение происходит после завершения загрузки DOM. Пока оповещение запускается сразу.

Если вы переместите предупреждение внутри .load после вызова на getMyVar(), вы увидите правильное значение, выводимое.

Answer 4

это не проблема объема.

alert(myVar); запускается до getMyVar();