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，是按照我们回调函数嵌套，由外层向内层执行，达到了某种意义上的顺序执行。