jQuery Variable Недоступно вне функции

Question

$(document).ready(function() { 
    $.wordlist = []; 
    $.get('../wordlist.txt', function(data){ 
    $.wordlist = data.split('\n'); 
    }); 
    console.log($.wordlist); 
}); 

console.log($.wordlist) последовательно возвращает пустой массив. Тот же вызов console.log в функции $.get() успешно возвращает полный массив.

Что я делаю неправильно и как сделать этот массив доступным по всему миру?

Answer 1

Метод $.get является асинхронным. Это означает, что он все еще выполняется при запуске console.log. Вам нужно разместить все код, который опирается на данные, возвращаемые по запросу в функции обратного вызова:

var wordlist = []; 
$.get('../wordlist.txt', function(data){ 
    wordlist = data.split('\n'); 
    console.log(wordlist); 
}); 

Также обратите внимание, что это не очень хорошая идея, чтобы добавить свои собственные переменные в JQuery ($) пространства имен.