从JavaScript中的回调返回是否未定义？

Question

我有以下代码：

function fetchSocialCount(type,fileSrc,callback){
    var req = new XMLHttpRequest();
    req.onload = function(){
        if(req.status === 200 && req.readyState === 4){
            var countResponse = JSON.parse(req.responseText);
            callback(countResponse);
        }
    }
    req.open("GET","../scripts/php/returnSocialCount.php",false);
    req.send();
}
var test = fetchSocialCount("img","ez.png",function(count){
    return count;
});

console.log(test);

但是由于某种原因， test是不确定的。 我的AJAX确实可以工作，并且它返回一个对象。 有什么问题？

Answer 1

您的test将获取fetchSocialCount本身的返回值，该值未定义，因为它不返回任何内容。

您可以尝试以下方法：

function fetchSocialCount(type, fileSrc) {
    var req = new XMLHttpRequest()
        , result = null;

    req.onload = function(){
        if(req.status === 200 && req.readyState === 4){
            result = JSON.parse(req.responseText);
        }
    }
    req.open("GET","../scripts/php/returnSocialCount.php",false);
    req.send();

    return result;
}

由于您正在使用同步请求，因此您应该能够直接返回其结果； 实际上，正如@Trolleymusic在评论中指出的那样，从回调中返回您仍然没有帮助

回调返回到称为回调的回调（在本例中为callback(countResponse) ），不再向上移动