javascript回调函数的概念理解与用法分析


Posted in Javascript onMay 27, 2017

本文实例讲述了javascript回调函数的概念理解与用法。分享给大家供大家参考,具体如下:

一. 回调函数的作用

js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就需要用到回调函数。

二. 回调函数的解释

因为函数实际上是一种对象,它可以存储在变量中,通过参数传递给另一个函数,在函数内部创建,从函数中返回结果值”,因为函数是内置对象,我们可以将它作为参数传递给另一个函数,到函数中执行,甚至执行后将它返回,它一直被“专业的程序员”看作是一种难懂的技术。

回调函数的英文解释为:

A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.

翻译过来就是:回调函数是一个作为变量传递给另外一个函数的函数,它在主体函数执行完之后执行。

function A有一个参数function B,function B会在function A执行完成之后被调用执行。

三. 回调函数的使用方法

代码如下:

function a(callbackFunction){
  alert("这是parent函数a");
  var m =1;
  var n=3;
 return callbackFunction(m,n);
}
function b(m,n){
  alert("这是回调函数B");
  return m+n;
}
$(function(){
  var result = a(b);
  alert("result = "+ result);
});

执行顺序为:

这是parent函数a
这是回调函数B
result = 4

函数首先执行了主题函数a,之后调用了回调函数b,最后返回函数a的返回值。

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 Javascript
jquery控制select的text/value值为选中状态
Jun 03 Javascript
jQuery实现统计复选框选中数量
Nov 24 Javascript
webpack+vue.js实现组件化详解
Oct 12 Javascript
js封装tab标签页实例分享
Dec 19 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
Mar 09 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
Mar 23 jQuery
js简单实现网页换肤功能
Apr 07 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
May 17 Javascript
全面解析Node.js 8 重要功能和修复
Jun 02 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
Oct 24 Javascript
JQuery复选框全选效果如何实现
May 08 jQuery
原生JavaScript实现的简单省市县三级联动功能示例
May 27 #Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
May 27 #Javascript
详细讲解vue2+vuex+axios
May 27 #Javascript
AngularJS获取json数据的方法详解
May 27 #Javascript
vue中用H5实现文件上传的方法实例代码
May 27 #Javascript
详解vue2.0脚手架的webpack 配置文件分析
May 27 #Javascript
详解如何使用webpack打包Vue工程
May 27 #Javascript
You might like
使用PHP模拟HTTP认证
2006/10/09 PHP
php安全配置 如何配置使其更安全
2011/12/16 PHP
解析PHP自带的进位制之间的转换函数
2013/06/08 PHP
解析php中var_dump,var_export,print_r三个函数的区别
2013/06/21 PHP
PHP实现简单爬虫的方法
2015/07/29 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
excel操作之Add Data to a Spreadsheet Cell
2007/06/12 Javascript
JavaScript入门教程(8) Location地址对象
2009/01/31 Javascript
jQuery对象和DOM对象的相互转化实现代码
2010/03/02 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
js 自定义个性下拉选择框示例
2013/08/20 Javascript
JS实现判断碰撞的方法
2015/02/11 Javascript
JavaScript实现页面跳转的方式汇总
2016/05/16 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
js 奇葩技巧之隐藏代码
2017/08/11 Javascript
利用angular、react和vue实现相同的面试题组件
2018/02/19 Javascript
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
2018/08/25 Javascript
详解angularjs跨页面传参遇到的一些问题
2018/11/01 Javascript
jQuery简单实现根据日期计算星期几的方法
2019/01/09 jQuery
layer iframe 设置关闭按钮的方法
2019/09/12 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
python配置grpc环境
2019/01/01 Python
python 使用pandas计算累积求和的方法
2019/02/08 Python
Python队列RabbitMQ 使用方法实例记录
2019/08/05 Python
利用python实现.dcm格式图像转为.jpg格式
2020/01/13 Python
python 实现在无序数组中找到中位数方法
2020/03/03 Python
Python HTMLTestRunner可视化报告实现过程解析
2020/04/10 Python
CSS3制作圆角图片和椭圆形图片
2016/07/08 HTML / CSS
css3 transform过渡抖动问题解决
2020/10/23 HTML / CSS
实例讲解使用HTML5 Canvas绘制阴影效果的方法
2016/03/25 HTML / CSS
女士鞋子、包包和服装在线,第一款10美元:ShoeDazzle
2019/07/26 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
将一个文本文件的内容按倒序打印出来
2015/01/05 面试题
大学自主招生推荐信
2014/05/10 职场文书
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers