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 隔行换色 支持键盘上下键,按Enter选定值
Aug 02 Javascript
jQuery:节点(插入,复制,替换,删除)操作
Mar 04 Javascript
在每个匹配元素的外部插入新元素的方法
Dec 20 Javascript
js 时间格式与时间戳的相互转换示例代码
Dec 25 Javascript
jquery插件splitScren实现页面分屏切换模板特效
Jun 16 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
Jul 27 Javascript
jQuery实现页面倒计时并刷新效果
Mar 13 Javascript
jQuery自定义图片上传插件实例代码
Apr 04 jQuery
微信小程序本地缓存数据增删改查实例详解
May 24 Javascript
小程序红包雨的实现示例
Feb 19 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
Feb 26 Javascript
如何利用JavaScript编写一个格斗小游戏
Jan 06 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
香妃
2021/03/03 冲泡冲煮
php 无限级 SelectTree 类
2009/05/19 PHP
PHP两种去掉数组重复值的方法比较
2014/06/19 PHP
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
2009/11/24 Javascript
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
JavaScript执行顺序详细介绍
2013/12/04 Javascript
jQuery 文本框得失焦点的简单实例
2014/02/19 Javascript
node.js中的fs.link方法使用说明
2014/12/15 Javascript
JQuery工具函数汇总
2015/06/15 Javascript
jQuery查找节点方法完整实例
2016/09/13 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
canvas实现环形进度条效果
2017/03/23 Javascript
bootstrap table动态加载数据示例代码
2017/03/25 Javascript
vue中锚点的三种方法
2018/07/06 Javascript
解决vue v-for 遍历循环时key值报错的问题
2018/09/06 Javascript
JavaScript变量基本使用方法实例分析
2019/11/15 Javascript
Vue实现导航栏菜单
2020/08/19 Javascript
[40:57]TI4 循环赛第二日 iG vs EG
2014/07/11 DOTA
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
python中matplotlib实现最小二乘法拟合的过程详解
2017/07/11 Python
Python 元类实例解析
2018/04/04 Python
Python基于xlrd模块操作Excel的方法示例
2018/06/21 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
python图像和办公文档处理总结
2019/05/28 Python
python中68个内置函数的总结与介绍
2020/02/24 Python
什么是python类属性
2020/06/10 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
python函数超时自动退出的实操方法
2020/12/28 Python
python excel和yaml文件的读取封装
2021/01/12 Python
捷克领先的户外服装及配件市场零售商:ALPINE PRO
2018/01/09 全球购物
如何掌握自荐信格式呢
2013/11/19 职场文书
医学专业毕业生个人的求职信
2013/12/04 职场文书
房地产融资计划书
2014/01/10 职场文书
士力架广告词
2014/03/20 职场文书
立志成才演讲稿
2014/09/04 职场文书
2014年政协委员工作总结
2014/12/01 职场文书