javascript function return undefined

Question

Я уверен, что делаю это все виды неправильно, но у меня есть следующая функция, возвращающая «undefined» в консоли, хотя она может console.log() запрашиваемые значения из одного и того же места в как прокомментировано в коде.

var tags = [4, 5]; 
console.log(getTagNames(tags)); // 'undefined' 

function getTagNames(tagArray) { 

    $.getJSON('js/tags.json', function(data) { 
     for (var i in tagArray) { 
      tagArray[i] = tagArray[i].toString(); 
      var val = tagArray[i]; 

      for (var t in data) { 
       var tag = data[t]; 
       var tagName = tag.alias; 
       var tagId = tag.id; 
       if (val === tagId) { 
        tagArray[i] = tagName; 
       } 
      }; 
     } 
     console.log(tagArray); // output ["foo", "bar"] 
     return tagArray; 
    }); 
} 

Другая странность в том, что, после выполнения этого кода в браузере, можно ввести «метки» в консоли браузера, и это дает мне правильный результат ["foo", "bar"]. Однако, когда я пытаюсь использовать переменную тегов (например, текстовое значение для элемента и т. Д.), Он не работает ... Что дает? JavaScript не является моим первым языком, поэтому я немного смущен тем, как он себя ведет. Я просто не понимаю.

Я прочитал почти все «Вопросы, которые могут уже иметь мой ответ», но ответы были предоставлены там, где я не мог понять, как применить к моей функции.

Примечание:

1. JSON от таблицы (3.1) теги Joomla.
2. Я могу получить данные.
3. Условие val === tagId условно работает правильно.
4. Мне нравится попкорн.

Answer 1

Звонок в getJSON вызывает функцию обратного вызова асинхронно.

Если вам нужна функция getTagNames и называть его много места в вашем коде, вы можете внести изменения, чтобы сделать его взять саму функцию обратного вызова:

function getTagNames(tagArray, cb) { 

    $.getJSON('js/tags.json', function(data) { 
     for (var i in tagArray) { 
      tagArray[i] = tagArray[i].toString(); 
      var val = tagArray[i]; 

      for (var t in data) { 
       var tag = data[t]; 
       var tagName = tag.alias; 
       var tagId = tag.id; 
       if (val === tagId) { 
        tagArray[i] = tagName; 
       } 
      }; 
     } 
     console.log(tagArray); // output ["foo", "bar"] 
     cb(tagArray); 
    }); 
} 

, а затем совершать звонки на него так:

getTagNames(tags, function(tagArray) { 
    // do something with tagArray 
}); 

Answer 2

Заявление return tagArray; возвращает результат из success обработчика getJSON, который, во-первых, не ожидает возвращаемого значения, а во-вторых, происходит асинхронно - путь после того, как ваш getTagNames закончил выполнение.