не может получить доступ к var вне функции get

Question

Как хранить информацию в массиве в javascript, которую я извлек из текстового файла для последующего использования? Я использую его для размещения HTML-кода, но также для того, чтобы реагировать на пользователя. В настоящее время я могу поместить HTML просто отлично с помощью встроенных вызовов функций, но я хочу, чтобы данные, чтобы использовать позже ...

function get_words() { 
    var words = new Array(); 
    var sylls = new Array(); 
    var csv_file = new Array(); // for word arrays 

    $.get('terms.csv', function(data){ 
     csv_file = data.split('\n'); 
     // csv file is now in an array, split into seperate word array and syllable array 
     for (var i = 0; i < csv_file.length; i++) { 
      var both = csv_file[i].split(','); // split at the comma 
      words[i] = both[0]; // populate word array 
      sylls[i] = both[1]; // populate syllable array 
      put_word(words[i], sylls[i]); 
     }; 
     check_resize(); 
    }); 
} 

function put_word(word, sylls) { 
    console.log(word); 
    // place the words into 'words' div 
    var divID = document.getElementById("words"); // grab 'words' div 
    divID.innerHTML += "<span>" + word + "</span>" + "<sup>" + sylls + "</sup> "; 
} 

Вот код, который я есть. Я бы хотел, чтобы слова [] и sylls [] были доступны вне этой функции get.

EDIT: Позвольте мне быть более ясным (oops). Неважно, где я объявляю свои массивы. Причина, по которой я это знаю, заключается в том, что я могу разместить их в верхней части моего скрипта (вне функции), а в конце get_words() попробуйте console.log (слова), и это будет пустой массив.

var words = new Array(); 
var sylls = new Array(); 
var csv_file = new Array(); // for word arrays 

$(document).ready(function(){ 
    get_words(); 
}); 


function get_words() { 


    $.get('terms.csv', function(data){ 
      csv_file = data.split('\n'); 
       // csv file is now in an array, split into seperate word array and syllable array 
       for (var i = 0; i < csv_file.length; i++) { 
        var both = csv_file[i].split(','); // split at the comma 
        words[i] = both[0]; // populate word array 
        sylls[i] = both[1]; // populate syllable array 
        //put_word(words[i], sylls[i]); 
       }; 
       check_resize(); 
     }); 
    console.log(words); 

} 

EDIT: Может ли кто-нибудь сказать мне, где поставить обратный вызов ??

function get_words() { 


    $.get('terms.csv', function(data){ 
      csv_file = data.split('\n'); 
       // csv file is now in an array, split into seperate word array and syllable array 
       for (var i = 0; i < csv_file.length; i++) { 
        var both = csv_file[i].split(','); // split at the comma 
        words[i] = both[0]; // populate word array 
        sylls[i] = both[1]; // populate syllable array 
        //put_word(words[i], sylls[i]); 
       }; 
     }); 

} 

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

Answer 1

var words = [], sylls = [], csv_file=[]; 
function get_words(){ ... } 
function put_word(){ ... } 

function needs_words_and_sylls(){ .... } 

Answer 2

В областях javascript создаются и привязываются только к функции, которая их содержит.

Для вашего случая переменная words создана в рамках функции get_words и будет доступна только внутри функции get_words. Чтобы позволить двум или более функциям получать доступ к одной и той же области действия, они должны быть определены в той же области.

Также для вашего дела ваши обе функции, как представляется, определяется в глобальном масштабе, поэтому переменные, которые вы хотите, чтобы быть доступными для обеих ваших функций, должна быть определена в глобальном масштабе также:

var words = new Array(); 
    var sylls = new Array(); 
    var csv_file = new Array(); // for word arrays 

function get_words() { 


    $.get('terms.csv', function(data){ 
     csv_file = data.split('\n'); 
     // csv file is now in an array, split into seperate word array and syllable array 
     for (var i = 0; i < csv_file.length; i++) { 
      var both = csv_file[i].split(','); // split at the comma 
      words[i] = both[0]; // populate word array 
      sylls[i] = both[1]; // populate syllable array 
      put_word(words[i], sylls[i]); 
     }; 
     check_resize(); 
    }); 
} 

function put_word(word, sylls) { 
    console.log(word); 
    // place the words into 'words' div 
    var divID = document.getElementById("words"); // grab 'words' div 
    divID.innerHTML += "<span>" + word + "</span>" + "<sup>" + sylls + "</sup> "; 
} 

Answer 3

var words = []; 
var sylls = []; 
function get_words() { 
    $.get('terms.csv', function(data){ 
     // Clear the result arrays 
     words = []; 
     sylls = []; 
     var csv_file = data.split('\n'); 
     // csv file is now in an array, split into seperate word array and syllable array 
     for (var i = 0; i < csv_file.length; i++) { 
      var both = csv_file[i].split(','); // split at the comma 
      words[i] = both[0]; // populate word array 
      sylls[i] = both[1]; // populate syllable array 
      put_word(words[i], sylls[i]); 
     }; 
     check_resize(); 
    }); 
} 

Answer 4

Есть несколько вещей, которые вы можете сделать, либо переместить переменные из функции, как это:

var words = new Array(); 
var sylls = new Array(); 
var csv_file = new Array(); // for word arrays 
function get_words() { 
    //code here 
} 

Или вы можете просто добавить переменную в качестве оконного объекта

function get_words() { 
    window.words = new Array(); 
    window.sylls = new Array(); 
    window.csv_file = new Array(); // for word arrays 
} 

Я также помню, что могу просто определить переменную без «var», и она становится глобальной, как и окно. Дай мне знать, если это работает.

function get_words() { 
    words = new Array(); 
    sylls = new Array(); 
    csv_file = new Array(); // for word arrays 
} 

Answer 5

Поскольку вы имеете дело с асинхронным интерфейсом для чтения данных, вы можете только строить дальше. Поэтому в основном вам придется отменить свою цель «вывести данные» в «ввод в обработку».

Вы можете придать функцию обработки в функцию чтения:

function get_words(process) { 
    ... 
    $.get(...){ function(data){ 
     ... 
     process(word, syllabs); 
    } 
} 

function put_word(w, s) { 
    ... 
} 

//this is where the action starts: 
get_words(put_word); 

Пример: http://jsfiddle.net/xtofl/Qb867/