js获取异步操作返回的数据（回调函数）

最新推荐文章于 2023-09-20 14:56:47 发布

牧逸

最新推荐文章于 2023-09-20 14:56:47 发布

阅读量9.5k

点赞数 8

分类专栏： Ĵavascript 文章标签： javascript 回调函数 js ajax 异步操作

本文链接：https://blog.youkuaiyun.com/qq_42583562/article/details/112218309

版权

Ĵavascript 专栏收录该内容

14 篇文章

订阅专栏

本文探讨了JavaScript中异步操作的问题，特别是使用setTimeout时遇到的数据获取难题，并通过实例演示了如何利用回调函数解决这一问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在项目中会遇到通过ajax、setTimeout等异步操作向后台获取数据，而js自身不会等待数据拿到后再进行下一步操作，所以会导致其他函数无法获取异步操作函数内的数据。例如：

function back(x,y){
    var ret;
    setTimeout(function(){
        ret = x + y;
    },1000)
    return ret;
};

console.log(back(10,20));    //undefined

或者：

function back(x,y){
    setTimeout(function(){
        var ret = x + y;
        return ret;
    },1000)
};

console.log(back(10,20));     //undefined

可以看到无论是哪种return，都无法将获取到的数据返回。

而通过回调函数则可以将需要获取数据的函数作为参数传递给异步操作的函数，可能有点绕，简单来说就是

a函数需要获取数据进行下一步操作，

而b函数是异步获取数据的函数，

那么就可以直接将a函数作为参数传递给b函数，

在b函数内执行a函数。

例如：

function back(x,y,callback){
    setTimeout(function(){
        var ret = x + y
        callback(ret)
    },1000)
}

back(10,20,function(a){
    //在这里面就可以进行对数据的操作了
    
    console.log(a)	//a就是回调的结果，输出30
})