首页  >  问答  >  正文

javascript - 回调函数和普通调用函数的区别?

回调函数的定义是将b函数当做参数传给a去执行,此时b就是回调函数,我突然有个疑问,它和a函数里直接调用b有什么区别呢?
我自己写了个demo

function a(){
    b();
    console.log('hello world');
}
function b(){
    var n = 0;
    for(var i = 0;i < 1000000000;i++){
        n++;
    }
    return n;
}
a(); //hello world

大概3秒钟才能看到输出结果,然后改写为回调函数的形式

function a(callback){
    callback.call(this);
    console.log('hello world');
}
function b(){
    var n = 0;
    for(var i = 0;i < 1000000000;i++){
    }
    console.log(1);
}
a(b); //hello world

也是3秒后才能看到输出结果
找了很多文章,都说明了当b作为a函数的回调函数执行时,并不妨碍a函数的正常执行,按照这个逻辑,第二种方式应该是立即输出hello world的,难道是我回调函数用错了吗?还是理解有问题?

欧阳克欧阳克2642 天前1315

全部回复(2)我来回复

  • 淡淡烟草味

    淡淡烟草味2017-06-26 10:55:07

    1.性能没有区别
    2.回调函数是作为参数传递的,操作更加灵活,比如,你可以定义一个函数c,那可以运行
    b(c),当你在函数内运行函数的时候,就失去了变量的灵活性。

    回复
    0
  • 漂亮男人

    漂亮男人2017-06-26 10:55:07

    嗯,是你理解错了,调用的效果是一样的。还有 callback.call(this); 画蛇添足,跟 callback() 的 this 是一样的。

    回调的好处是依赖倒置,不用修改 a 的代码就可以让 a 调用 c、d、e....

    回复
    0
  • 取消回复