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 相关文章推荐
让回调函数 showResponse 也带上参数的代码
Aug 13 Javascript
javascript 冒号 使用说明
Jun 06 Javascript
js 巧妙去除数组中的重复项
Jan 25 Javascript
Jquery对数组的操作技巧整理
Mar 25 Javascript
JavaScript中的单引号和双引号报错的解决方法
Sep 01 Javascript
jQuery监控文本框事件并作相应处理的方法
Apr 16 Javascript
javascript获取文档坐标和视口坐标
May 26 Javascript
IntersectionObserver API 详解篇
Dec 11 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
Jan 13 Javascript
微信小程序中使用 async/await的方法实例分析
May 06 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
Sep 02 Javascript
JS前端使用canvas实现物体的点选示例
Aug 05 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
50个PHP程序性能优化的方法
2014/06/02 PHP
Ubuntu12下编译安装PHP5.3开发环境
2015/03/27 PHP
如何通过PHP实现Des加密算法代码实例
2020/05/09 PHP
JS获取页面窗口大小的代码解读
2011/12/01 Javascript
javascript中自定义对象的属性方法分享
2013/07/12 Javascript
JS的事件绑定深入认识
2014/06/26 Javascript
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
2015/12/14 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
JavaScript输入框字数实时统计更新
2017/06/17 Javascript
node.js + socket.io 实现点对点随机匹配聊天
2017/06/30 Javascript
BootStrap 标题设置跨行无效的解决方法
2017/10/25 Javascript
vue.js 添加 fastclick的支持方法
2018/08/28 Javascript
微信小程序之判断页面滚动方向的示例代码
2018/08/30 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
2018/10/10 Javascript
代码整洁之道(重构)
2018/10/25 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
2019/03/07 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
[42:22]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第一局
2016/02/27 DOTA
python进阶教程之模块(module)介绍
2014/08/30 Python
python实现向微信用户发送每日一句 python实现微信聊天机器人
2019/03/27 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
python中eval与int的区别浅析
2019/08/11 Python
python爬虫实现POST request payload形式的请求
2020/04/30 Python
Manuka Doctor英国官网:真正的麦卢卡蜂蜜和护肤品
2018/10/26 全球购物
静态成员和非静态成员的区别
2012/05/12 面试题
自行车广告词大全
2014/03/21 职场文书
员工合理化建议书
2014/05/19 职场文书
爱与责任演讲稿
2014/05/20 职场文书
生日宴会策划方案
2014/06/03 职场文书
集中采购方案
2014/06/10 职场文书
2016高中社会实践心得体会范文
2016/01/14 职场文书
怎样写工作总结啊!
2019/06/18 职场文书
pytorch 实现在测试的时候启用dropout
2021/05/27 Python
学会Python数据可视化必须尝试这7个库
2021/06/16 Python
引用计数法和root搜索算法以及JVM中判定对象需要回收的方法
2022/04/19 Java/Android