函数的回调和递归函数

函数的回调

用白话来说就是把一个函数当做参数传给另一个函数，然后再在那个函数里面去回调这个函数，可能这样说还是不太清除，不多解释，上代码

function request(fn){
    console.log("开始网络请求");
    setTimeout(function(){
        console.log("得到请求数据");
        fn();   //回调函数
    },(Math.random()*3+1)*1000);
}
function showClose(){
    console.log("把服饰展示在HTML上")
}
function showCar(){
    console.log("把车子展示在HTML上")
}
request(showClose) ;   //把函数当做参数传给request函数
request(showCar); 

打印结果是：
开始网络请求
开始网络请求
得到请求数据
把服饰展示在HTML上
得到请求数据
把车子展示在HTML上

对于以上这种，就可以称之为用了函数的回调，代码里面也有注释。代码从最下面的两行函数调用开始执行，因为request函数里面有个定时器，不知道何时触发，所以会先发送两个网络请求，再执行定时器里地内容，所以会依次得到请求，再回调对应的函数，依次把服饰、车子展示出来，我们将展示不同物品的函数作为request函数的参数，形成函数的回调。
说到这里，我们会思考什么情况下要使用函数的回调呢？
1、不知道函数什么时候要执行
2、不知道执行后要进行什么操作
满足这两个条件就可以使用

对于函数的回调，举个显示生活中得例子，比如我们几个人去书店买书，不同的人买的书的种类不同，恰巧书店都没货了，这时售货员可以将不同的人想买的书的种类记下来，并对应记下每个人号码，这样等书店老板进了货之后就可以给不同的买家打电话通知对应的书到了。

递归函数

用白话来说就是在函数内部调用自身这个函数，用代码展示如下,在test函数内部调用test函数本身

function test(){
    test();
}
test();

其实递归函数用的比较少，我们简单举几个例子

var i=10;
function test(){
    var a=i--;
    if(i<=0){
        return;
    }
    console.log(a);
    test();
}
test();

打印结果是10  9  8  7  6  5  4  3  2
这里的代码执行顺序是先打印再调用自身

我们再来对比一下下面这个例子

var i=10;
function test(){
    var a=i--;
    if(i<=0){
        return;
    }
    test();
    console.log(a);
    }
test();

打印结果：2，3，4，5，6，7，8，9，10。
这里的代码执行顺序是先调用自身，再打印
最先执行最里层的test()会打印2，然后一层层往外执行并打印，最终会得到这个结果

代码图解.png

不知我的理解对您可有帮助，欢迎留言交流