JavaScript回调函数callback⽤法解析
这篇⽂章主要介绍了JavaScript回调函数callback⽤法解析,⽂中通过⽰例代码介绍的⾮常详细,对⼤家的学习或者⼯作具有⼀定的参考学习价值,需要的朋友可以参考下
JavaScript回调函数的使⽤是很常见的,引⽤官⽅回调函数的定义:
A callback is a function that is passed as an argument to another function and is executed after its parent function
typeof的用法has completed.
解释得很明确,回调函数就是作为参数传递给另⼀个函数并在其⽗函数完成后执⾏的函数。
听起来似乎有点不好理解,所以还是举例进⾏说明,介绍回调函数之前先简单说明⼀下同步和异步,前端也有同步和异步。同步和异步总得来说,两者最明显的区别就是是否需要等待,如果是串⾏执⾏的就是同步机制,是并⾏执⾏的就是异步机制,这个⽐较好理解
回调函数的使⽤并没有同步和异步的区别,回调函数只是⼀种特殊的函数,可以应⽤于同步调⽤场景,也可以应⽤于异步调⽤场景
异步请求中的回调函数
最常⽤的有ajax异步调⽤或者事件机制,例⼦:
$.get('${root}/saveOrUpdate.do',function(result){
alert(result);
});
同步请求中的回调函数
业务场景:举个例⼦,点击按钮会触发main函数,进⾏接⼝数据保存(异步⽅式),数据保存成功之后,再回调打开弹窗的函数
保存数据函数:
function saveRecord(seq,callback){
$.ajax({
url:'${root}/saveOrUpdate.do',
type:"post",
async:true,
success:function(result){
//确保callback是⼀个函数类型的
if(typeof(callback)==='function'){
callback(true);
}
}
});
}
main函数
/
/保存成功,才会打开弹窗
function main(seq){
saveRecord(seq,callbackFunction);
}
回调函数,数据保存成功后再调⽤
/*保存时的回调函数*/
function callbackFunction(saveSuccess){
if(saveSuccess){
//省略打开弹窗代码
}
}
以上就是本⽂的全部内容,希望对⼤家的学习有所帮助,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论