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 相关文章推荐
js判断字符长度以及中英文数字等
Dec 31 Javascript
js函数调用的方式
May 06 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
jQuery根据ID、CLASS、等获取对象的实例
Dec 04 Javascript
原生JS实现N级菜单的代码
May 21 Javascript
php 修改密码实现代码
May 24 Javascript
React-router v4 路由配置方法小结
Aug 08 Javascript
vuex 项目结构目录及一些简单配置介绍
Apr 08 Javascript
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
echarts统计x轴区间的数值实例代码详解
Jul 07 Javascript
微信小程序 组件的外部样式externalClasses使用详解
Sep 06 Javascript
原生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编写PDF文档生成器
2006/10/09 PHP
php 常用类整理
2009/12/23 PHP
php 无限级数据JSON格式及JS解析
2010/07/17 PHP
解析isset与is_null的区别
2013/08/09 PHP
JS动画效果代码3
2008/04/03 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
2013/02/05 Javascript
Javascript玩转继承(一)
2014/05/08 Javascript
javascript实现复制与粘贴操作实例
2014/10/16 Javascript
Linux下使用jq友好的打印JSON技巧分享
2014/11/18 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
2016/01/04 Javascript
jquery中each循环的简单回滚操作
2017/05/05 jQuery
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
Vue如何从1.0迁移到2.0
2017/10/19 Javascript
基于vue-upload-component封装一个图片上传组件的示例
2018/10/16 Javascript
vue+web端仿微信网页版聊天室功能
2019/04/30 Javascript
vue实现直播间点赞飘心效果的示例代码
2019/09/20 Javascript
JS几个常用的函数和对象定义与用法示例
2020/01/15 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
[42:20]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python之yield表达式学习
2014/09/02 Python
python从sqlite读取并显示数据的方法
2015/05/08 Python
Python的math模块中的常用数学函数整理
2016/02/04 Python
python实现批量监控网站
2016/09/09 Python
python 判断是否为正小数和正整数的实例
2017/07/23 Python
利用python求相邻数的方法示例
2017/08/18 Python
OpenCV2.3.1+Python2.7.3+Numpy等的配置解析
2018/01/05 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
Python线程threading模块用法详解
2020/02/26 Python
html5实现多文件的上传示例代码
2014/02/13 HTML / CSS
民主生活会对照检查材料范文
2014/10/01 职场文书
给校长的建议书范文
2015/09/14 职场文书
2016入党积极分子考察评语
2015/12/01 职场文书
2016党员学习心得体会范文
2016/01/23 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
django学习之ajax post传参的2种格式实例
2021/05/14 Python
Mysql中调试存储过程最简单的方法
2021/06/30 MySQL