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

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/memeda_bupt/article/details/52267294

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





展开阅读全文

没有更多推荐了,返回首页