JavaScript中的回调函数实例讲解
更新时间:2019年01月27日 11:47:29 作者:Moment°回忆
今天小编就为大家分享一篇关于JavaScript中的回调函数实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
在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中的回调函数会更容易上手
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
相关文章
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
这篇文章主要介绍了Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统的相关资料,需要的朋友可以参考下2016-05-05
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
这篇文章主要介绍了JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果,可实现鼠标滑过菜单项呈现弹性移动显示的效果,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
这篇文章主要介绍了Base64(二进制)图片编码解析及在各种浏览器的兼容性处理,需要的朋友可以参考下2017-02-02


最新评论