js回调函数原理解析

回调函数的定义是指函数作为参数在执行中进行值传递，搞清楚原理之前先明白两件事

//1、基本类型值传递
//在函数接收基本类型值时，会在该函数内部栈中创建一个一模一样的变量,且两个参数互不影响，为了验证这一正确性，如下

function fun(a) {
        a = 666
        console.log(a) //666
    }
    var num = 555
    fun(num)
    console.log(num) //555

//2、引用类型值传递
//当引用类型作为参数传递时，传递到函数内部的不是该参数的值，而是该参数在内存中的引用地址，这和引用类型的定义完全吻合。
//所以当其中一个参数修改时，另一个值的引用地址页发生了改变。如下

 function fun1(obj) {
        obj.name = '王二'
        obj.age = 20
        console.log(obj)
    }
    var o = {
        name: '张三',
        age: 18
    }
    fun1(o)
    console.log(o) //{name:'王二',age:20}

 //以上两个案例说明后，就不难理解回调函数了，function作为引用类型传递到目标函数中，当我们在目标函数中把参数作为function的入参传过去时，
 //我们在调用afun()时，就可以取到内部的结果了

 function afun(are, callback) { //目标函数
        are++
        callback(are)
    }
    var d = 2
    afun(d, function(res) {
        console.log(res) //3
    })