回调函数 JavaScript

定义

自己定义的 没有调用 但是执行了的函数
回调函数是一段可执行的代码段，它作为一个参数传递给其他函数，其作用是在需要的时候方便调用这段（回调函数）代码。(作为函数参数的函数 类似c语言的函数指针)

分类

• dom事件回调函数 document.getElementById('btn').onclick = function(){}
• 定时器回调函数 setTimeout(function(){},1000)
• ajax请求回调函数
• 生命周期回调函数

实例

function add(num1, num2, callback){
    var sum = num1 + num2;
    callback(sum);
}

function print(num){
    console.log(num);
}

add(1, 2, print);        // 3

function add(num1, num2, callback){
    var sum = num1 + num2;
    callback(sum);
}

add(1, 2, function(sum){
    console.log(sum);        // 3
});

特点

• 回调正是确保一段代码执行完毕之后再执行另一段代码的方式。
• 不会立刻执行：回调函数作为参数传递给一个函数的时候，传递的只是函数的定义并不会立即执行。和普通的函数一样，回调函数在函调用函数数中也要通过()运算符调用才会执行。
• 是个闭包：回调函数是一个闭包，也就是说它能访问到其外层定义的变量。
• 执行前类型判断：在执行回调函数前最好确认其是一个函数。

function add(num1, num2, callback){
    var sum = num1 + num2;
    if(typeof callback === 'function'){
        callback(sum);
    }
}

• this的使用：注意在回调函数调用时this的执行上下文并不是回调函数定义时的那个上下文，而是调用它的函数所在的上下文。
  • 可以通过apply函数解决function add(var,callbackObj,callback){callback.apply(callbackObj, [var])}
• 允许传递多个回调函数：一个函数中可以传递多个回调函数，典型的例子如jQuery
• 回调函数嵌套：一个回调函数中可以嵌入另一个回调函数，对于这种情况出现多层嵌套时，代码会难以阅读和维护，这个时候可以采用命名回调函数的方式调用，或者采用模块化管理函数，也可以用promise模式编程。