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