JavaScript回调函数理解

为什么需要回调函数?或者说解决了什么问题?

结论:

通过回调函数 可以拿到一个函数异步返回的结果

解释

正常获取一个函数的返回值:

function a(){
    return 1
}
let result = a()
console.log(result)//1

如果函数内部有异步任务,则无法通过 return的方式获取函数返回值:

function a(){
    setTimeout(()=>{
        return 1
    },0)
}
let result = a()
console.log(result)//undefined 这里显然没有获取a()函数异步任务返回的 1

解决办法

利用 函数参数 可以传递一个函数引用这一特点.
将一个函数引用->b 传入 a函数作为参数.然后再a函数的异步任务中 调用传入的函数,并将需要返回的1作为参数
我们记 传入 a函数的接收形参为 fun 该形参是传入函数的引用,后面添加()可以直接调用

function a(fun){
    setTimeout(()=>{
        fun(1)
    },0)
}
function b(result){
    console.log(result)//1
}

a(b)

显然 我们拿 a函数向外返回的值->1的方式发生了改变,所以不需要接收a函数调用的返回值.
我们在b函数的形参中拿到了 a函数异步任务中向外抛出的值.

图解

再次回顾一下回调函数作用:

通过回调函数 可以拿到一个函数异步返回的结果

结语

回调函数在平时中非常非常常见->事件监听 seTtimeout Promise Axios Vue Node等等全部都使用了回调函数,还请花时间学懂.学懂回调后,对于今后JavaScript Node学习有很大帮助,甚至还可以以此理解Java的Lambda表达式,虽然不相同,但是非常类似.