如何通过实例解析JavaScript中的回调函数应用？

本文共计344个文字，预计阅读时间需要2分钟。

在JavaScript中，函数可以作为参数传递给其他函数，也可以传递值或对象。例如：

javascript定义函数：function add(a, b) { return a + b;}

调用函数并传递值：const result=add(5, 3);

调用函数并传递对象：const person={name: '张三', age: 30};function printInfo(info) { console.log(info.name + ', ' + info.age);}printInfo(person);

在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中的回调函数会更容易上手

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对自由互联的支持。如果你想了解更多相关内容请查看下面相关链接