春风得意马蹄疾
一日看尽长安花

javaScript 回调函数与递归

回调函数

在定义一个函数a时,参数可以是一个对象,当然也包括函数,当传入的参数是一个函数b时,在函数a内执行b函数,在函数外定义函数b,这样就实现了函数的回调,此时函数a相当于中间的连接桥梁,b函数称为回调函数。

实例

function abc(fn){
            // fn就是回调函数
            fn(3,5);
        }
function getSum(a,b){
            console.log(a+b);
        }
abc(getSum); 

上述代码中,执行abc函数时传入参数为函数getSum,此时将getSum赋予fn,二者相同,执行getSum(3,5),调用函数外部定义的getSum函数,abc(getSum)实现函数回调。

定时器方法中的回调函数

回调函数可以应用在某个事件完成或者某个时间达到再去执行函数 ,比如定时器方法。

var i=0;
// setInterval(执行函数,间隔多长时间执行一次)
// 时间间隔方法,每间隔1000毫秒执行一次方法,
// 在这里animation函数就是回调函数,每间隔1000毫秒回调执行一次这个函数
var ids=setInterval(animation,1000);
 //   返回一个值,这个值就是当前定时器的标识id
function animation(){
            i++;
            console.log(i);
            if(i>10){
                // clearInterval清除定时器,ids就是刚才设置定时器时的返回标识id
                clearInterval(ids);
            }
       }

递归函数

递归函数即在定义的函数a中再次执行a函数,自己执行自己,如果没有限制,调用函数时会不断执行,造成堆栈上限溢出。

实例

 var i=1;
    function abc(){
        i++;
        if(i>6) return;
        abc();
        console.log(i);//
    }
    abc();
//结果:7 7 7 7 7

上述代码中,当第一次执行时先执行i++,在执行abc();当执行完abc()执行完毕后才会执行打印操作,但是abc()函数会再次执行自身,以此类推,具体执行顺序如下图所示绿色数字表示函数与打印的执行顺序,可见代码中当执行完最后一次函数时,才开始打印,最后一次函数执行时i值为7,所以最后打印5次7。

Like
Like Love Haha Wow Sad Angry
赞(2) 打赏
未经允许不得转载:栗子纪blog » javaScript 回调函数与递归
分享到: 更多 (0)
3.5 2 votes
Article Rating
Subscribe
提醒
guest
1 评论
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
jkc
jkc
3 月 之前

解惑了,感谢

创作不易,打赏一下作者买瓶洗发露

支付宝扫一扫打赏

微信扫一扫打赏

1
0
Would love your thoughts, please comment.x
()
x