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 相关文章推荐
JQuery 学习笔记01 JQuery初接触
May 06 Javascript
打造基于jQuery的高性能TreeView(asp.net)
Feb 23 Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 Javascript
javascript中字符串的定义示例代码
Dec 19 Javascript
javascript 正则表达式去空行方法
Jan 24 Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 Javascript
security.js实现的RSA加密功能示例
Jun 06 Javascript
JavaScript 正则命名分组【推荐】
Jun 07 Javascript
js实现div色块碰撞
Jan 16 Javascript
webpack.DefinePlugin与cross-env区别详解
Feb 23 Javascript
深入了解Vue.js 混入(mixins)
Jul 23 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
Sep 02 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访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
PHP工厂模式简单实现方法示例
2018/05/23 PHP
PHP使用Redis实现Session共享的实现示例
2019/05/12 PHP
公共js在页面底部加载的注意事项介绍
2013/07/18 Javascript
Event altKey,ctrlKey,shiftKey属性解析
2013/12/18 Javascript
Javascript冒泡排序算法详解
2014/12/03 Javascript
Javascript核心读书有感之语言核心
2015/02/01 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
2015/03/30 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
node后端服务保活的实现
2019/11/10 Javascript
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
Python实现读写sqlite3数据库并将统计数据写入Excel的方法示例
2017/08/07 Python
pandas数据框,统计某列数据对应的个数方法
2018/04/11 Python
Python实现二维曲线拟合的方法
2018/12/29 Python
对Pytorch 中的contiguous理解说明
2021/03/03 Python
Css3圆角边框制作代码
2015/11/18 HTML / CSS
HTML5新增加标签和功能概述
2016/09/05 HTML / CSS
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
Lookfantastic葡萄牙官方网站:欧洲第一大化妆品零售商
2018/03/17 全球购物
体验完美剃须:The Art of Shaving
2018/08/06 全球购物
美国最大的电子宠物训练产品制造商:PetSafe
2018/10/12 全球购物
eBay英国购物网站:eBay.co.uk
2019/06/19 全球购物
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
屈臣氏越南官网:Watsons越南
2021/01/14 全球购物
成人大专自我鉴定范文
2013/10/19 职场文书
体育教师自我鉴定
2014/02/12 职场文书
家长学校培训材料
2014/08/20 职场文书
2014标准社保办理委托书
2014/10/06 职场文书
解除租房协议书
2014/12/03 职场文书
银行求职自荐信范文
2015/03/04 职场文书
风雨哈佛路观后感
2015/06/03 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS