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

 更新时间:2016年08月29日 08:48:31   投稿:daisy  
相信在刚开始学习JavaScript的时候,很多人感到最困惑的就是回调函数了。本文通过一个小小的例子来分析回调函数的用法。对大家学习Javascript回调函数很有帮助,有需要的可以来参考学习。

前言

其实回调函数简单通俗点就是当有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中的Stringintboolean等等都是一样的,都可以看成是一个数据类型。

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

于是就应该这样:

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


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

没打括号的函数,就是和Stringint一样的玩意儿。

是一个数据类型。

一样的。

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代码

    没啥技术含量的随机抽取,需要的朋友可以参考下。
    2010-12-12
  • 根据经纬度计算地球上两点之间的距离js实现代码

    根据经纬度计算地球上两点之间的距离js实现代码

    最近用到了根据经纬度计算地球表面两点间距离的公式,然后就用JS实现了一下,根据地球是一个光滑的球面以及并不是一个真正的圆球体,而是椭球延伸出两种方法,感兴趣的你可以参考下
    2013-03-03
  • DOM节点的替换或修改函数replaceChild()用法实例

    DOM节点的替换或修改函数replaceChild()用法实例

    这篇文章主要介绍了DOM节点的替换或修改函数replaceChild()用法,实例分析了replaceChild()替换DOM节点的使用技巧,需要的朋友可以参考下
    2015-01-01
  • JavaScript实现的日期控件具体代码

    JavaScript实现的日期控件具体代码

    JavaScript实现的日期控件,它还会读取当前的时间,有需要的朋友可以参考一下
    2013-11-11
  • JS中Location使用详解

    JS中Location使用详解

    javascript中 location用于获取或设置窗体的URL,并且可以用于解析URL,是BOM中最重要的对象之一,下面我们就来详细探讨下Location对象的使用。
    2015-05-05
  • JavaScript 空间坐标的使用

    JavaScript 空间坐标的使用

    这篇文章主要介绍了JavaScript 空间坐标的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • js验证密码强度解析

    js验证密码强度解析

    这篇文章主要为大家详细介绍了js验证密码强度,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • JS正则截取两个字符串之间及字符串前后内容的方法

    JS正则截取两个字符串之间及字符串前后内容的方法

    这篇文章主要介绍了JS正则截取两个字符串之间及字符串前后内容的方法,结合实例形式简单分析了JS正则截取字符串操作的常用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2017-01-01
  • JavaScript输出所选择起始与结束日期的方法

    JavaScript输出所选择起始与结束日期的方法

    这篇文章主要介绍了JavaScript输出所选择起始与结束日期的方法,涉及javascript结合HTML5元素操作日期运算的相关实现技巧,需要的朋友可以参考下
    2017-07-07
  • JavaScript前端实现压缩图片功能

    JavaScript前端实现压缩图片功能

    这篇文章主要介绍了JavaScript前端实现压缩图片功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03

最新评论