函数的回调和递归函数

作者: 雅玲哑铃 | 来源:发表于2017-10-16 19:08 被阅读81次

函数的回调

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

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

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

相关文章

  • 函数的回调和递归函数

    函数的回调 用白话来说就是把一个函数当做参数传给另一个函数,然后再在那个函数里面去回调这个函数,可能这样说还是不太...

  • JS 回调函数(callback)和递归函数(recursive

    有很多人不理解回调函数和递归函数,我们在这里研究一下。(本文仅适合新人) 什么是回调函数,什么是递归函数 回调函数...

  • 递归、回调

    递归函数:在函数的内部调用自己,递归函数应该给出口否则就会一直执行 若函数不给出口 递归的小应用 回调函数:把一个...

  • javascript回调函数、递归函数

    javascript回调函数、递归函数 一、回调函数 通过函数的指针来调用函数(把一个函数的指针作为另一个函数的参...

  • Day10递归函数、模块、迭代器、生成器

    一、递归函数 1、什么是递归函数 在函数中调用函数本身的函数就是递归函数。 2、递归的作用 循环能做的递归都能做 ...

  • day11 函数(3)

    递归函数 实际开发的时候,能不用递归就不用 什么是递归函数 函数中调用函数本身的函数就是递归函数 递归的作用: 循...

  • day11-日常(递归函数、模块、迭代器、生成器)

    递归函数(实际开发的时候,能不用递归就不用) 1.什么是递归函数 函数中调用函数本身的函数就是递归函数 2.递归的...

  • 2019-01-07day11学习总结

    递归函数 实际开发的时候能不用递归就不用递归 1. 什么是递归函数 函数中调用函数本身的函数就是递归函数 2. 递...

  • 递归函数、模块、生成器、迭代器

    一、递归函数 实际开发的时候,能不用递归就不用 1.什么是递归函数 函数中调用函数本身的函数就是递归函数 2.递归...

  • day 11总结

    递归函数 实际开发的时候,能不用递归就不用1.什么是递归函数函数中调用函数本身的函数就是递归函数 2.递归的作用:...

网友评论

    本文标题:函数的回调和递归函数

    本文链接:https://www.haomeiwen.com/subject/ssrluxtx.html