javascript回调函数

首先，我要告诉大家，回调函数不复杂。
然后，我再告诉大家，回调函数是一个简单的概念。

A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.

这是google对回调函数给出的概念。

如果想要中文解释，可以这么理解，

回调函数是一个作为参数传给另一个函数的函数，另一个函数里面可以自由决定什么时候执行回调函数。

注意了，中文解释里出现了“自由决定什么时候执行回调函数”，而这恰恰就是回调函数为什么存在的原因。

下面举一个简单的例子，来说明我们回调函数是什么。

 function  a(callback){
      alert('a');
      callback();// 
      } 
     function  b(){
       alert('b');
   }
   //调用
   a(b);

上面便是一个无参的回调函数的例子（而且是同步回调函数的例子，下面会讲到同步回调的概念），很好理解，对吧。这时候可能就会有人问了，这还不如直接把function b(){}写在function a(){}里呢，回调函数不是画蛇添足吗。

这时候就引出回调函数为什么存在？

我上面说过，“自由决定什么时候执行回调函数”，而这恰恰就是回调函数为什么存在的原因。所以这便牵扯到同步和异步的问题，而回调函数的光芒大都绽放在异步上！

那什么是同步，什么是异步呢？

同步的关键特性就是等待，而异步的关键特性就是不需要等待。举一个生活中的例子。拿吃饭来说，吃饭大概可以分为三个步骤：洗手，举筷，吃饭。这三个事情是要依次进行的，后面的事情要等待前面的事情做完后才能进行。而在吃饭时，我们可以喝水，喝水是不需要等待吃饭的三个步骤的，到要喝水的时候就会进行。

现在是不是可以理解上面的同步回调函数的例子了，因为

alert('b');

要在

alert('a');

的后面被执行。

接下来，看一个异步回调的例子，

function a(callback)
{
    setTimeout(function(){
    callback();
    },1000);

    alert("b"); //先打印b
};
function b(){
    alert("a"); //后打印a
}

a(b);

如果按照正常的函数调用，应该是先打印b, 后打印a. 但异步回调强调的是不需要等待，“打印b”不需要等待“打印a”完成之后再执行，而是在合适的时候被执行，而setTimeout()很好的完成了这个“合适的时候”。

所以，回调函数并不难，并不难，并不难，重要的事情说三遍。