返回未定义的javascript函数[重复]

Question

这个问题已经在这里有了答案：

• 如何从异步调用返回响应？ 36个答案

我确定我做错了各种各样的事情，但是我有下面的函数在控制台中返回“ 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;
    });
}

另一个奇怪的事情是，在浏览器中运行此代码后，我可以在浏览器控制台中键入“ tags”，它会给我正确的结果["foo", "bar"] 。 但是，当我尝试使用标签变量（即元素的文本值等）时，它不起作用...产生了什么？ JavaScript不是我的母语，因此我对其确切的行为有些困惑。 我只是不明白。

我已经阅读了几乎所有“可能已经有我的答案的问题”，但是答案提供了那些我无法弄清楚如何应用于函数的答案。

注意：

1. JSON来自Joomla（3.1）标签表。
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; 返回getJSON success处理程序的结果，首先，它不希望任何返回值，其次，它是异步发生的-在您的getTagNames完成执行之后。