JS回调函数

学习了JS的回调函数，有助于理解前端框架。

• 记住一点：作为参数的函数就是回调函数，这个函数的参数来自于主函数的处理后传给他的。

• 回调函数的定义：A callback is a function that is passed as an argument to another function and is executed after its parent function has completed。

• 翻译一下：回调函数就是传递一个参数化的函数，就是将这个函数作为一个参数传到另一个主函数里面，当那一个主函数执行完之后，再执行传进去的作为参数的函数。

• 简单来说：作为参数的函数的函数就是回调函数。

• 重点：先执行主函数，回调函数是在主函数的方法中被调用的函数，所以回调函数的参数是主函数赋值的。我们常见的调用方法中是主函数的调用，并不是主函数的定义，要注意区别主函数与回调函数，不要认为回调函数的方法体是主函数的方法体。所以我们从框架中获得的只是框架的使用方法，按照要求添加的函数参数是主函数处理完成后传递过来的，我们只需要直接使用就可以了。

• 容易混淆的点：

  • 传参
    1. 将回调函数的参数作为与回调函数同等级的参数进行传递。
    2. 回调函数的参数在主函数内部创建。

//用于理解的好例子
var f1  = function(a, callback){
    let b = a + 1;
    return callback(b);
 
};
 
var f2 = f1(0,function(c){
    return c + 1
});
 
console.log(f2);  //输出：2

//个人解读：
//console.log(f2) 表示在控制台输出f2的结果
//  f2 就是以(0,function(c){略1})为参数执行的f1函数的结果。
//    查看f1的定义得到f1就是function(a, callback){略2}这样一个函数
//    对应上面的f1函数参数也即是 a=0 ， callback=function(c){略1}
//      因为回调函数是先执行主函数f1，所以执行略2：let b = a+1; return callback(b);
//      已知a=0，得到b=1，再执行return callback(b)，也即是返回callback(1)的结果
//        因为callback=function(c){略1}，所以callback(1)就是以1为参数c的值执行略1，也就是function(1){略1}
//        已知c=1，略1：return c+1。得到return 2; 
//      所以callback(b)的结果是2
//      所以最后的结果为 return callback(b)就是 return 2
//    所以f1 = 2
//  所以f2 = 2
//所以最后控制台输出结果 2