javascript - 在ajax成功回调函数里把一个对象return出去，在外面console.log却是undefined

Question

function getSysTime(){
    var time = {}
    $.ajax({
        type: "HEAD",
        url: "/",
        complete: function(x) {
            //console.log(x.getResponseHeader("Date"));
            var date = x.getResponseHeader("Date").substring(17,22).split(":")
            return time = {
                hours:parseInt(date[0])+8,
                minutes:parseInt(date[1])
            }
            
        }
    })
}
var s = getSysTime()
console.log(s)

Answer 1

应该在ajax方法里赋值，ajax方法外面return。如果直接这样做的话因为是异步请求的所以获取到的数据也是｛｝，所以你可以把ajax的async设为false，这是比较简单的实现方法，当然也可以用promise。

Answer 2

success 也是一个函数,你在里面return 针对的是success这个函数

而你的s 是外面的那层函数,那层函数没有return ,自然返回的就是 undefined

Answer 3

ajax 默认属于 异步回调函数. 执行了getSysTime() 函数后 实际上该函数没有任何显示 return操作, 默认返回 undefined.

如何修改:

function getSysTime(){
    var time = {}
    $.ajax({
        type: "HEAD",
        url: "/",
        complete: function(x) {
            //console.log(x.getResponseHeader("Date"));
            var date = x.getResponseHeader("Date").substring(17,22).split(":")
            ajaxSuccess({
                hours:parseInt(date[0])+8,
                minutes:parseInt(date[1])
            });
            
        }
    })
}
function ajaxSuccess (data) {
  console.log(data);
}
getSysTime();