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 相关文章推荐
jQuery 插件仿百度搜索框智能提示(带Value值)
Jan 22 Javascript
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
Jul 08 Javascript
Javascript中replace()小结
Sep 30 Javascript
通过设置CSS中的position属性来固定层的位置
Dec 14 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
Mar 01 Javascript
概述如何实现一个简单的浏览器端js模块加载器
Dec 07 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
vue-next/runtime-core 源码阅读指南详解
Oct 25 Javascript
vue项目中自定义video视频控制条的实现代码
Apr 26 Javascript
js实现上传图片到服务器
Apr 11 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
图书管理程序(三)
2006/10/09 PHP
PHP中if和or运行效率对比
2014/12/12 PHP
初识laravel5
2015/03/02 PHP
基于jquery的代码显示区域自动拉长效果
2011/12/07 Javascript
Js注册协议倒计时的小例子
2013/06/24 Javascript
javascript学习笔记(八)正则表达式
2014/10/08 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
2015/04/03 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
2017/06/08 Javascript
总结js中的一些兼容性易错的问题
2017/12/18 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
2018/01/12 Javascript
React Native基础入门之初步使用Flexbox布局
2018/07/02 Javascript
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
[01:25]2014DOTA2国际邀请赛 zhou分析LGD比赛情况
2014/07/14 DOTA
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
2017/02/13 Python
python实现在pandas.DataFrame添加一行
2018/04/04 Python
django框架自定义模板标签(template tag)操作示例
2019/06/24 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
opencv之为图像添加边界的方法示例
2019/12/26 Python
python读取csv文件指定行的2种方法详解
2020/02/13 Python
基于Python爬取京东双十一商品价格曲线
2020/10/23 Python
CSS3转换功能transform主要属性值分析及实现分享
2012/05/06 HTML / CSS
李宁官方网店:中国运动品牌
2017/11/02 全球购物
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
大唐面试试题(CPU,UNIX等等)
2012/01/11 面试题
应届毕业生自我评价分享
2013/12/15 职场文书
《自选商场》教学反思
2014/02/14 职场文书
2014国庆节国旗下演讲稿(精选版)
2014/09/26 职场文书
常务副县长“四风”个人对照检查材料思想汇报
2014/10/02 职场文书
2015年专项整治工作总结
2015/04/03 职场文书
校园开放日新闻稿
2015/07/17 职场文书
重阳节主题班会
2015/08/17 职场文书
2019年大学推荐信
2019/06/24 职场文书
Vue图片裁剪组件实例代码
2021/07/02 Vue.js
MySQL命令无法输入中文问题的解决方式
2021/08/30 MySQL