Как вывести массив из функции JavaScript?

Question

[Alex55]

Здравствуйте. Случился такой абсурдный момент. У меня есть функция, которая проходит по XML-странице, собирает нужные значения в массив. Пример функции:

function my_func(url){
    $.get(
      // Указываем URL, куда будем делать запрос
      url,
      // Функция в случае успешного выполнения
      function(data){
        // Создаем пустой массив
        var array = new Array();
        // Перебираем полученные данные и заносим в массив
        $('title', data).each(function(){
          // Добавляем значение в массив
          array.push( $(this).text() );
        });
        return array;
      },
      'xml'
    );
  }

Если вместо return array; прописать console.info(array);, то в консоли выведет полученный массив. Но если я буду делать так:

console.info( my_func('http://site.ru/page1.xml') ); // undefined

, то ничего не выводит (undefined).

Мне нужно иметь в одном массиве значения с нескольких XML-страниц, т.е. функция должна проходить по page1.xml, page2.xml, page3.xml.

Подскажите, друзья знатоки, в чем моя ошибка. Поправьте руки. Спасибо.

P.S.

my_func('http://site.ru/page1.xml');
console.info( array ); // undefined

Answer 1

[Дмитрий Беляев]

Возвращайте результат в колбэк или используйте промисы
ajax асинхронный, нельзя получить здесь сейчас то, что будет когда-то потом, в неопределенном будущем

Comments

[Dark Hole]

Я думаю, создать на эту тему статью/репозиторий, что бы можно было со спокойной совестью отдавать им. А не объяснять в стопицотый раз

[Дмитрий Лузанов]

Dark Hole: не поможет :с

[Dark Hole]

Predve4niy: да, гуглить они не научутся, но, по крайней мере, писать меньше

Answer 2

[Dark Hole]

А - асихронность.
Упростим ваш код:

function() {
  func(function() {
    var array = new Array();
    return array;
  })
}

Ваш код в третей функции исполняется во второй(которую мы вызываем), в первой ни array, ни return array доступен не будет. Более того, если сделать так:

function() {
  var array = new Array();
  func(function() {
    // Меняем тут array
  });
  return array;
}

Будет возвращать пустой массив!
В чем же дело? Вы отправляете запрос на сервер, а код исполняется дальше. То есть третья функция может быть вызвана в любой момент - когда придет ответ от сервера. Можно использовать сихронный вариант, но это плохая идея.
Решения, как всегда, два: callback и Promise.
Решение с callback:

function(callback) {
  func(function() {
    var array = new Array();
    callback(array);
  })
}
// Использование 
func(function(array) {
  console.log(array);
});

Решение с Promise сложнее и требут знание промисов, собственно говоря. Но в использовании оно проще

function() {
  return new Promise(function(resolve) {
    func(function() {
      var array = new Array();
      resolve(array);
    });
  });
}
// Использование
func().then(function(array) { console.log(array) });

К прочтению о Promises

Comments

[Alex55]

Спасибо. Обязательно почитаю про Promises, интересно.

Answer 3

[Alex55]

Первую ошибку нашёл: return array; после GET-запроса нужно ставить. Но undefined никуда не исчез...