关于Javascript回调函数的一个妙用
2016-08-29 00:00
676 查看
前言
其实回调函数简单通俗点就是当有a和b两个函数,当a作为参数传给b,并在b中执行,这时a就是一个回调(callback)函数,如果a是一个匿名函数,则为匿名回调函数那下面们来通过一个实例来具体解释下Javascript回调函数怎么使用。
实例
在很久很久以前,有一个人。
他是个人,也就是一个对象。
他有个名字叫小明。
看一下是不是真的叫小明。
嗯,有一天,小明捡到了10块钱。
有了钱就要花,于是他打算把10块钱用掉。
小明有一个花钱的方法
运行:
弹出提示:小明用10块钱买了漫画书。
好了,问题来了,小明花钱就非得买漫画书吗,肯定不是。
事实情况应该是,这钱怎么办,还是由他自己说了算。因为钱在小明的口袋里。
所以,就可以用回调函数了。
回调函数本身就是一个数据类型。
在javaScript中,函数的地位和java中的
既然是数据类型,当然可以当成参数传递。
于是就应该这样:
打了个括号就是执行函数的意思。
没打括号的函数,就是和
是一个数据类型。
一样的。
JAVA里面会这么写:
在JavaScript中,函数也是一样的。
这时候的
因为没有打括号,打了括号他才会执行!
小明用十块钱做什么,他自己说了算。
这样就是把函数传进去了。
把函数传入
所以:
里面就打了括号,代表要执行这个函数。
具体做什么,自己决定。
总结
就是可以将函数作为一个参数,传入一个方法内,并且能够在该方法中执行这个函数,这也就是js特有的回调函数的魔力。
以上就是关于Javascript回调函数用法的全部内容,希望对大家的学习和工作能有所帮助。如果有疑问可以留言讨论。
JS动态插入并立即执行回调函数的方法
Javascript基于AJAX回调函数传递参数实例分析
js自定义回调函数
详解JavaScript的回调函数
谈谈JavaScript自定义回调函数
js的回调函数详解
对js中回调函数的一些看法
其实回调函数简单通俗点就是当有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回调函数用法的全部内容,希望对大家的学习和工作能有所帮助。如果有疑问可以留言讨论。
您可能感兴趣的文章:
浅析JavaScript回调函数应用JS动态插入并立即执行回调函数的方法
Javascript基于AJAX回调函数传递参数实例分析
js自定义回调函数
详解JavaScript的回调函数
谈谈JavaScript自定义回调函数
js的回调函数详解
对js中回调函数的一些看法
相关文章推荐
- 关于Javascript回调函数的一个妙用
- 请教关于ASP.Net2.0和JavaScript的一个问题
- 关于合成模式的javascript的一个treeview例子
- javascript中打开客户端,关于void的一个疑问
- 关于怎样用javascript判断网页上我们想要必须选择的复选框至少选择一个的问题
- 一个关于javascript匿名函数的问题分析
- 关于javascript程序内存占用的一个有趣的实验
- 关于JavaScript中的正则表达式——你不一定知道,也可能用不到,但说不定哪天就会遭遇的几个事实【新增一个】
- 发现一个好的javascript网站(http://www.softcomplex.com/products/tigra_menu/demo/steps/)有关于用JAVASCRIPT实现下拉菜单。
- 关于javascript 回调函数中变量作用域的讨论
- 暴汗,关于javascript的parseInt()的一个问题
- 关于JavaScript处理时间跨度差问题的一个小细节
- 转载一个关于javascript弹出窗口的详解
- Registering JavaScript object methods as callbacks(注册一个对像方法为回调函数[解决回调函数的上下文问题])
- 一个关于javascript的网站
- 一个误区(关于javascript的字符串拼接)
- 请教各位一个关于HtmlControls与JavaScript的疑问
- 一个关于javascript匿名函数的问题分析
- 一个很有创意 的关于javascript的注释方法
- 关于(javascript) "if"关键字的一个疑惑的地方