JavaScript回调函数callback用法解析
网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了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 has pleted.
解释得很明确,回调函数就是作为参数传递给另一个函数并在其父函数完成后执行的函数。
听起来似乎有点不好理解,所以还是举例进行说明,介绍回调函数之前先简单说明一下同步和异步,前端也有同步和异步。同步和异步总得来说,两者最明显的区别就是是否需要等待,如果是串行执行的就是同步机制,是并行执行的就是异步机制,这个比较好理解
回调函数的使用并没有同步和异步的区别,回调函数只是一种特殊的函数,可以应用于同步调用场景,也可以应用于异步调用场景
异步请求中的回调函数
最常用的有ajax异步调用或者事件机制,例子
$.get('${root}/saveOrUpdate.do',function(result){ alert(result); });
同步请求中的回调函数
业务场景举个例子,点击按钮会触发main函数,进行接口数据保存(异步方式),数据保存成功之后,再回调打开弹窗的函数
保存数据函数
function saveRecord(seq,callback){ $.ajax({ url:'${root}/saveOrUpdate.do', type:"post", async:true, suess:function(result){ //确保callback是一个函数类型的 if(typeof(callback)==='function'){ callback(true); } } }); }
main函数
//保存成功,才会打开弹窗 function main(seq){ saveRecord(seq,callbackFunction); }
回调函数,数据保存成功后再调用
/保存时的回调函数/ function callbackFunction(saveSuess){ if(saveSuess){ //省略打开弹窗代码 } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南