同步回调函数与异步回调函数示例

来源于：http://www.jianshu.com/p/b86ae3e4e0c8

 

JS中的回调函数一共有两种

1. 同步回调函数（即普通的回调函数）。
2. 异步回调函数
   注：JS中的同步异步和现实生活的正好相反。

   其中同步回调函数是要等到回调函数都执行完成后才能进行接下来的操作，也就是说是阻塞式运行

同步回调函数示例

 

function waitFive(callback){ 
      var currentDate = new Date(), 
           pus = 0; 
      while(pus<1000){ 
          var date = new Date(); 
          pus = date - currentDate; 
      } 
      callback("回调执行完成"); 
      pus = 2000;
} 
waitFive(
          function(msg){              //这里就是callback回调函数
               console.log(msg);
          }
);
console.log("进行第二步操作；");
 *****执行结果为：*****
        回调执行完成 
        进行第二步操作

异步回调函数示例:

function waitFive(callback){ 
      setTimeout(function(){   
            callback('回调执行完成');
      },2000); 
}
waitFive( 
      function(msg){           //这里就是callback回调函数 
              console.log(msg); 
      }
);
console.log("进行第二步操作；"); 

*****执行结果为：*****  
        进行第二步操作
        回调执行完成