详解回调函数

前言

回调函数做为咱们常常用到的一种函数，看似复杂，实则很容易理解，下面让我来带你一步步理解回调函数。

详解

咱们先来看一个咱们最熟悉的普通函数的定义与调用。

function map (c) {
  console.log(c);
}
map(5);

这是咱们最多见的函数，而这种函数定义时就是规定了方法，而须要传入变量。
那咱们换一种思惟，咱们规定好函数的变量，而传入方法呢，咱们这里设置方法b为咱们的形参

var map = function (b) {
    b(4);
}

这时咱们发现，咱们在调用函数map的时候须要传入一个方法进去，那咱们就按照定义传入一个方法。

map( function(a) {
    console.log(a);
} );

此时咱们并无给这个传入的方法起名字，这个方法又称之为匿名函数，因此咱们这里调用map方法时能够简写为

map((a) => {
  console.log(a);
})；

打印4，而咱们红框里的内容就是咱们传入的参数，这不过这个参数是一个函数罢了。也就是说，红框里的内容与上面的形参b相等，咱们用红框里的函数去替换b，就获得了console.log(4)。

二次回调函数

咱们再来看一个二次回调的例子
刚才咱们在函数定义时规定了变量是一个常数，而若是咱们将这个常数换为一个匿名函数呢

var map = function (b){
  b( (a)=>{
    console.log(a);
  } );
};

咱们看到，刚才的4换为了一个函数，咱们如何去调用方法map呢？
咱们能够逆向思惟想象一下，咱们调用函数map时须要传入一个参数，参数替代b，而咱们此时b里已经有了方法，而缺乏变量，这就至关于咱们上面讲一次回调函数时的调用函数部分，此时咱们传入一个定义了变量而参数是个方法的方法进去，就至关于一次回调函数的函数定义部分。

map( function (e) {
    e(6);
} );

简写为map( (e) => {e(6);} );。

此时咱们红框里的内容依旧至关于上面的形参b，而替换掉b之后，咱们蓝框里的内容就至关于下面的形参e，再替换掉e之后，就只剩下了咱们最终想要表达的打印方法console.log(6);。

总结

根据二次回调函数的思想，咱们能够无限回调。但咱们对屡次回调函数不多用到。
咱们对于基础知识应该紧紧把握才能理解整篇代码。
若是想深刻了解回调函数，请阅读：
回调函数 （选学）