javascript利用回调函数解决异步困扰

虽然已经存在promise，StratifiedJS等工具用来解决回调地狱，但是讲真，我觉得他们也并没有让代码的可读性大大增强，而且在回调函数的嵌套次数有限的情况下也不至于成为一个“地狱”，所以笔者还是老老实实的继续啃这块js里的板砖——利用回调函数解决javascript异步困扰。

但愿大家可以从下面的这个例子得到些有用的信息：

fun(function(data){ //data:num1
 fun1(num1,function(data){ //data:num2
  fun2(num2,function(data){ //data:num3
    fun3(num3);
  });
 });
});


function fun(callback)
{
  var num1 = 1;
  console.log("begins!");
  callback(num1);
}
function fun1(num1,callback)
{
  var num2 = 2;
  setTimeout(function(){
    console.log(num1);
    callback(num2);
  },3000);
}
function fun2(num2,callback)
{
  var num3 = 3;
  setTimeout(function(){
    console.log(num2);
    callback(num3);
  },2000);
}
function fun3(num3)
{
  setTimeout(function(){
    console.log(num3);
  },1000);
}

输出结果如下图所示：

可以看出函数的执行顺序为fun1---->fun2---->fun3，是按照我们回调函数嵌套，由外层向内层执行，达到了某种意义上的顺序执行。