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
   })