vue在prototype挂一个函数，调用的是return永远是undefined

Question

这个是函数

//比较日期大小function CompareDate(d1){    return ((new Date(d1))) > (new Date());
}

//校验身份Vue.prototype.checkValidity = function(type){    let result
    API.validity(function (res) {    if(res.code == 1){        if(type == "z"){
            result = (CompareDate(res.data.zin_expiring))            console.log( "z",result)            return result
        }        if(type == "s"){
            result = (CompareDate(res.data.sync_expiring))            console.log( "s",result)            return result
        }
    } else {        console.log(res.msg);
    }
    },{
        user_id: localStorage.getItem('user_id')
    })

}

//调用在另一个页面console.log( "调用的打印",this.checkValidity("z"))

输出结果

Answer 1

如楼上所说，checkValidity本身并没有return语句，所以它的返回值当然是undefined。你的return只是checkValidity里传入API.validity方法的匿名函数的返回。由于API.validity是个异步函数，直接在API.validity逻辑后面加上return result会在result还没有赋值之前就先返回了。要想使checkValidity按照里层函数的结果返回，简单点的改造要涉及API.validity本身的返回值，如果它现在的内容是：API.validity = function (fn, ob) {     fn()     ... }那就要改成：API.validity = function (fn, ob) {    return fn()     ... }checkValidity里的修改:Vue.prototype.checkValidity = function(type){    return API.validity(...) }let result的定义放在匿名参数函数里，其他不变。函数的返回只能用在它本身上，不可能定义在内层函数的返回去代表外层函数的返回，有多少层函数就要有多少层返回。也正是由于这个原因，语言标准里增加了async和await语句，来用同步写法获取异步函数的执行结果