关于Javascript回调函数的一个妙用

网络编程 2024/9/26 佚名

3 1 2

前言

其实回调函数简单通俗点就是当有a和b两个函数，当a作为参数传给b，并在b中执行，这时a就是一个回调(callback)函数,如果a是一个匿名函数，则为匿名回调函数那下面们来通过一个实例来具体解释下Javascript回调函数怎么使用。

实例

在很久很久以前，有一个人。

var person;

他是个人，也就是一个对象。

person= {}; // 在JavaScript中，花括号就代表是一个对象

他有个名字叫小明。

person.name = '小明';

看一下是不是真的叫小明。

alert(person.name);

嗯，有一天，小明捡到了10块钱。

person.money = '10块钱';

有了钱就要花，于是他打算把10块钱用掉。

小明有一个花钱的方法 spendMoney ()

person.spendMoney =function(){  alert(this.name +"用 "+this.money +" 块钱买了漫画书！");  }

运行：

person.spendMoney();

弹出提示：小明用10块钱买了漫画书。

好了，问题来了，小明花钱就非得买漫画书吗，肯定不是。

事实情况应该是，这钱怎么办，还是由他自己说了算。因为钱在小明的口袋里。

所以，就可以用回调函数了。

回调函数本身就是一个数据类型。

在javaScript中，函数的地位和java中的String，int，boolean等等都是一样的，都可以看成是一个数据类型。

既然是数据类型，当然可以当成参数传递。

于是就应该这样：

person.spendMoney =function(doSomeThing){  doSomeThing();  }

打了个括号就是执行函数的意思。

没打括号的函数，就是和String，int一样的玩意儿。

是一个数据类型。

一样的。

JAVA里面会这么写：

String str ="HelloWorld!";

在JavaScript中，函数也是一样的。

var say =function(){ 

   alert('HelloWorld');

}

这时候的say就是一个数据类型。

因为没有打括号，打了括号他才会执行！

小明用十块钱做什么，他自己说了算。

person.spendMoney(function(){});

这样就是把函数传进去了。

把函数传入spendMoney方法的目的就是让函数在里面执行的。

所以：

person.spendMoney =function(doSomeThing){  doSomeThing(); }

里面就打了括号，代表要执行这个函数。

具体做什么，自己决定。

person.spendMoney(function(){  alert('还是把钱存起来吧！'); });

总结

就是可以将函数作为一个参数，传入一个方法内，并且能够在该方法中执行这个函数，这也就是js特有的回调函数的魔力。

以上就是关于Javascript回调函数用法的全部内容，希望对大家的学习和工作能有所帮助。如果有疑问可以留言讨论。

js回调函数写法,js回调函数例子,javascript的回调函数

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“关于Javascript回调函数的一个妙用”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年09月26日

关于Javascript回调函数的一个妙用

Ionic默认的Tabs模板使用实例

Javascript学习之谈谈JS的全局变量跟局部变量(推荐)

评论“关于Javascript回调函数的一个妙用”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接