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

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

javascript利用回调函数解决异步困扰相关推荐

javascript的回调函数同步异步
后一个任务等待前一个任务结束再执行.程序执行顺序与任务排列顺序一致的,同步的. 参考: http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%B ...
JavaScript利用回调函数完成次序循环打印“红黄绿”灯
var id;function redLight(a,b,time){ ///l1(l2黄,l3绿,2000)console.log("红灯")clearTimeout(id);i ...
JavaScript：回调函数（callback）
前言 callback,大家都知道是回调函数的意思.如果让你举些callback的例子,我相信你可以举出一堆.但callback的概念你知道吗?你自己在实际应用中能不能合理利用回调实现功能? 我们在平 ...
如何用JavaScript的回调函数做出承诺
by Adham El Banhawy 由Adham El Banhawy 如何用JavaScript的回调函数做出承诺 (How to make a Promise out of a Callbac ...
有关JavaScript中回调函数的所有内容！
作者:Shadeed 译者:前端小智来源:dmitripavlutin 点赞再看,微信搜索**[大迁世界],B站关注[前端小智]**这个没有大厂背景,但有着一股向上积极心态人.本文 GitHub h ...
彻底理解JavaScript中回调函数（推荐）
在javascript中回调函数非常重要,它们几乎无处不在.像其他更加传统的编程语言都有回调函数概念,但是非常奇怪的是,完完整整谈论回调函数的在线教程比较少,倒是有一堆关于call()和apply() ...
ajax回调函数有时成功有时失败,javascript - Ajax 回调函数行为随机。我做错了什么？...
我有以下行为随机的 ajax 函数.有时会显示警报 success finally.在其他情况下,第二个警报是显示 Failure: my status is 500. promptId 从调用函数 ...
js回调函数获取异步返回值
js回调函数获取异步返回值 1.尝试获取异步返回值 function test(){var res = 0;setTimeout(function(){res = 1;},1000)return re ...
计算器（利用回调函数/函数指针数组实现） C语言
玩点不一样的一.利用回调函数实现 #include <stdio.h>void menu() {printf("************ 计算器 **********\n&qu ...

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

javascript利用回调函数解决异步困扰相关推荐

最新文章

热门文章