JavaScript中的回调函数实例讲解


Posted in Javascript onJanuary 27, 2019

在JS中,函数可以作为参数传递给函数,不止可以传递值或者对象,案例如下:

定义:

/**
 *@project: data_overnance
 *@package:
 *@date:2018/11/30 0030 15:07
 *@author 郭宝
 *@brief: 回调函数
 */
export default class Person {
 constructor(){
 }
 /**
  * 设置名称
  * @param nameCallback 传入回调函数
  */
 setName(nameCallback){
  //弹出输入对话框
  let name = prompt("请输入你的名字");
  //调用函数
  nameCallback(name);
 }
}

调用:

//实例化Person对象
  let person = new Person();
  //10以后执行内部代码
  setTimeout(function () {
   //调用Person类中的setName函数,并传入匿名回调函数
   person.setName(function (name) {
    console.log("name:"+name);
    //name:guobao
   })
  },10000);

该回调函数类似于JAVA中的接口回调,熟悉JAVA接口回调的同学对JS中的回调函数会更容易上手

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
用JavaScript隐藏控件的方法
Sep 21 Javascript
(jQuery,mootools,dojo)使用适合自己的编程别名命名
Sep 14 Javascript
javascript生成随机数方法汇总
Nov 12 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
jQuery实现模拟flash头像裁切上传功能示例
Dec 11 Javascript
Angular.js之作用域scope'@','=','&'实例详解
Feb 28 Javascript
详解angularJs中关于ng-class的三种使用方式说明
Jun 02 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
Feb 22 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
Apr 18 Javascript
关于Vue在ie10下空白页的debug小结
May 02 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
jQuery实现表格的增、删、改操作示例
Jan 27 #jQuery
vue配置font-awesome5的方法步骤
Jan 27 #Javascript
详解如何用webpack4从零开始构建react开发环境
Jan 27 #Javascript
vue中轮训器的使用
Jan 27 #Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
Jan 27 #Javascript
JavaScript变量提升和严格模式实例分析
Jan 27 #Javascript
超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法
Jan 27 #Javascript
You might like
一个PHP+MSSQL分页的例子
2006/10/09 PHP
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
jQuery select的操作实现代码
2009/05/06 Javascript
javaScript实现浮点数转十六进制字符
2013/10/29 Javascript
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
JQuery EasyUI 数字格式化处理示例
2014/05/05 Javascript
JavaScript操作URL的相关内容集锦
2015/10/29 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
2015/12/01 Javascript
AngularJS 表达式详细讲解及实例代码
2016/07/26 Javascript
理解javascript中的闭包
2017/01/11 Javascript
vue 实现axios拦截、页面跳转和token 验证
2018/07/17 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
在博客园博文中添加自定义右键菜单的方法详解
2020/02/05 Javascript
[02:38]DOTA2亚洲邀请赛小组赛精彩集锦:Wings完美团击溃对手
2017/03/29 DOTA
haskell实现多线程服务器实例代码
2013/11/26 Python
Python解析网页源代码中的115网盘链接实例
2014/09/30 Python
Python中的闭包详细介绍和实例
2014/11/21 Python
Python使用scrapy采集数据时为每个请求随机分配user-agent的方法
2015/04/08 Python
python文件操作相关知识点总结整理
2016/02/22 Python
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
Python使用requests发送POST请求实例代码
2018/01/25 Python
Python和Go语言的区别总结
2019/02/20 Python
python如何实现视频转代码视频
2019/06/17 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
python中tab键是什么意思
2020/06/18 Python
德国电子产品购物网站:TechInTheBasket德国
2018/12/07 全球购物
雅诗兰黛澳大利亚官网:Estée Lauder澳大利亚
2019/05/31 全球购物
化学专业毕业生求职信
2014/07/28 职场文书
2014年自愿离婚协议书
2014/10/10 职场文书
人事文员岗位职责
2015/02/04 职场文书
自我评价优缺点范文
2015/03/11 职场文书
防卫过当辩护词
2015/05/21 职场文书
创业计划书之儿童理发店
2019/09/27 职场文书
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python
Python使用PyYAML库读写yaml文件的方法
2022/04/06 Python