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.uploadify详解
Nov 15 Javascript
获取鼠标在div中的相对位置的实现代码
Dec 30 Javascript
javascript生成随机大小写字母的方法
Feb 20 Javascript
jQuery.position()方法获取不到值的安全替换方法
Mar 13 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
jQuery+CSS实现简单切换菜单示例
Jul 27 Javascript
Node.js测试中的Mock文件系统详解
Nov 21 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
Dec 19 Javascript
layui数据表格 table.render 报错的解决方法
Sep 29 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
Jun 17 Javascript
Vue使用轮询定时发送请求代码
Aug 10 Javascript
js实现简单的随机点名器
Sep 17 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 伪造本地文件包含漏洞的代码
2011/11/03 PHP
php实现的单一入口应用程序实例分析
2015/09/23 PHP
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
js 字符串转换成数字的三种方法
2013/03/23 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
如何判断元素是否为HTMLElement元素
2013/12/06 Javascript
javascript中数组的concat()方法使用介绍
2013/12/18 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
2013/12/19 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
js实现按座位号抽奖
2017/04/05 Javascript
webpack之devtool详解
2018/02/10 Javascript
vue.js删除列表中的一行
2018/06/30 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
基于vue实现图片验证码倒计时60s功能
2019/12/10 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
2020/03/31 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
2020/05/03 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
Python之re操作方法(详解)
2017/06/14 Python
实例讲解python中的序列化知识点
2018/10/08 Python
使用50行Python代码从零开始实现一个AI平衡小游戏
2018/11/21 Python
python中import与from方法总结(推荐)
2019/03/21 Python
python使用flask与js进行前后台交互的例子
2019/07/19 Python
python批量修改ssh密码的实现
2019/08/08 Python
python中with用法讲解
2020/02/07 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
使用HTML5的表单验证的简单示例
2015/09/09 HTML / CSS
戴森美国官网:Dyson美国
2016/09/11 全球购物
Paradigit比利时电脑卖场:购买笔记本、电脑、平板和外围设备
2016/11/28 全球购物
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
Watch Station官方网站:世界一流的手表和智能手表
2020/01/05 全球购物
PHP笔试题
2012/02/22 面试题
优秀毕业自我鉴定
2014/02/15 职场文书
建筑工地质量标语
2014/06/12 职场文书
2015年重阳节活动总结
2015/03/24 职场文书
我的中国梦主题教育活动总结
2015/05/07 职场文书
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL