浅谈JavaScript异步编程
更新时间：2017年01月20日 08:44:47 作者：李晓嫒
本文主要介绍了javascript的异步编程相关知识。具有一定的参考价值，下面跟着小编一起来看下吧
在一年前初学js的时候，看过很多关于异步编程的讲解。但是由于实践经验少，没有办法理解的太多，太理论的东西也往往是看完就忘。
经过公司的三两个项目的锻炼，终于对js异步编程有了比较具体的理解。但始终入门较浅，在这里就当是给自己一个阶段性的总结。
在异步编程中，一条语句的执行不能依赖上一条语句执行完毕的结果，因为无法预测一条语句什么时候执行完毕，它与代码顺序无关，语句是并发执行的。
例如以下代码：
$.get($C.apiPath+'ucenter/padCharge/findMember'，{id:memberId},function(data){
if(data.error){
layer.close(memberLayer);
padInOut(padId,memberId);
allPads();
}
});
这三句在语境中的作用是，在完成某个ajax访问并成功获得数据之后，关闭某个弹层（1）,执行padInOut函数（2），执行allPads函数（3）；（1）的顺序无所谓，但是我希望（3）在（2）之后执行，然而这几句代码无法达到我希望的结果，因为三个函数是同时执行的，allPads无法等待padInOut执行完毕之后再执行，所以结果当然会出错。
我最后采取的解决方法是回调函数：在padInOut函数定义加入回调函数，如下：
function padInOut(padId,memberId,callback){
$F.POSTLoading($C.apiPath + 'ucenter/padCharge/padInOut',{id:padId,memberId:memberId},function(data){
if(callback)callback()
});
};
当方法执行完毕并且回调函数存在时，执行回调函数。此时函数执行时通过传参即可达到目的：
padInOut(padId,memberId,allPads)
回调函数是js异步编程经常会用到的方法。然而使用回调函数存在不好的地方，即会造成回调地狱。所以es新标准出来也不断寻求解决回调的方案。这是后话，本篇写到这里。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了如何动态加载外部Javascript文件，本文举例讲解使用js加载器动态加载外部Javascript文件，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了JavaScript根据json生成html表格的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
这篇文章主要为大家详细介绍了Bootstrap响应式表格的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要是对js中typeof的用法进行了详细的汇总介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
Javascript并不像Java、C#等语言那样支持真正的类。但是在js中可以定义伪类。做到这一点的工具就是构造函数和原型对象。首先介绍js中的构造函数。2010-02-02
js String对象中常用方法小结,需要的朋友可以参考下2012-01-01
这篇文章主要介绍了JavaScript引用类型和基本类型详解的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了JavaScript中实现最高效的数组乱序方法,数组乱序的意思是,把数组内的所有元素排列顺序打乱,需要的朋友可以参考下2014-10-10
Layer UI表格列日期格式化及取消自动填充日期的实现方法
这篇文章主要介绍了Layer UI表格列日期格式化及取消自动填充日期的实现方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-05-05
这篇文章主要介绍了html5 canvas js(数字时钟)实例代码，有需要的朋友可以参考一下2013-12-12
最新评论