虽然已经存在promise,StratifiedJS等工具用来解决回调地狱,但是讲真,我觉得他们也并没有让代码的可读性大大增强,而且在回调函数的嵌套次数有限的情况下也不至于成为一个“地狱”,所以笔者还是老老实实的继续啃这块js里的板砖——利用回调函数解决javascript异步困扰。
但愿大家可以从下面的这个例子得到些有用的信息:
fun(function(data){ //data:num1fun1(num1,function(data){ //data:num2fun2(num2,function(data){ //data:num3fun3(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,是按照我们回调函数嵌套,由外层向内层执行,达到了某种意义上的顺序执行。