没有合适的资源?快使用搜索试试~ 我知道了~
深入研究JavaScript的匿名函数.doc
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 120 浏览量
2022-06-11
17:12:14
上传
评论
收藏 61KB DOC 举报
温馨提示
试读
11页
深入研究JavaScript的匿名函数
资源推荐
资源详情
资源评论
深入研究
JavaScript
的 匿名函数
jQuery 片段:
(function(){
//这里忽略 jQuery 所有实现
})();
(function(){ //这里忽略 jQuery 所有实现 })();
半年前初次接触 jQuery 的时候,我也像其他人一样很兴奋地想看看源码是
什么样的。然而,在看到源码的第一眼,我就迷糊了。为什么只有一个匿 名函
数又没看到运行(当然是运行了……),就能有 jQuery 这么个函数库了?于是,
我抱着疑问来到 CSDN。结果相信现在很多人都很清楚了(因为在我之 后也不
乏来者,呵呵~)。当一个匿名函数被括起来,然后再在后面加一个括号,这个
匿名函数就能立即运行起来!真神奇哦!
嘿嘿!胡闹到此为止。在这一节,我们碰到的 jQuery 片段是一组立即运行
的匿名函数。而这种用法在论坛上也曾引起过激辩——这段代码究竟属不 属于
闭包呢?带着这个疑问,我们从基础开始,分析每个关键要素,寻找属于自己
的答案。(没错,自己的答案!在我看来,所有理论只是形式,只要它有利于
我们 的应用实现,就是可取的——黑猫白猫,抓到老鼠的就是好猫!)
要说匿名函数,我们首先要由函数本身说起。函数的定义如下:
函数是将唯一的输出值赋予给每一输入的“法则”。
当然,这只是数学上的定义。但是,在计算机编程语言中,函数的定义也
八九不离十。因为,我们都知道,计算机中的函数,也类似数学定义中的描述,
它是将输入的若干数据,经过代码设定的逻辑操作处理后,返回唯一的输出的
一组代码组合块。——当然,特例是,输入的数据为空或输出的数据为空,或
者两者都为空。
下面,我们先初步了解一下和匿名函数相关的概念。
函数声明(function 语句)
要使用一个函数,我们就得首先声明它的存在。而我们最常用的方式就是
使用 function 语句来定义一个函数,如:
function abc(){
// code to process
}
function abc(){ // code to process }
当然,你的函数也可以是带参数的,甚至是带返回值的。
function abc(x,y){
return x+y;
}
function abc(x,y){ return x+y; }
但是,无论你怎么去定义 你的 函数, JS 解释器都会把它翻译成 一个
Function 对象。例如,你在定义上面的其中一个例子的函数号,再输入如下代
码:
alert(typeof(abc));// "function"
你的浏览器就会弹出提示框,提示你 abc 是一个 Function 对象。那么
Function 对象究竟是什么呢?
Function 对象
Function 对象是 JavaScript 里面的固有对象,所有的函数实际上都是一个
Function 对象。关于这个方面的讨论,我们留到下一个专题节。我们先看看 ,
Function 对象能不能直接运用构造函数创建一个新的函数呢?答案是肯定的。
例如:
var abc = new Function("x","y","return x*y;");
alert(abc(2,3)); // "6"
var abc = new Function("x","y","return x*y;"); alert(abc(2,3)); // "6"
相信大家现在对如何声明一个函数应该是有所了解了。那么什么才是匿名
函数呢?
声明匿名函数
顾名思义,匿名函数就是没有实际名字的函数。例如,我们把上面的例子
中,函数的名字去掉,再判断一下他是不是一个函数:
alert(typeof function(){});// "function"
alert(typeof function(x,y){return x+y;});// "function"
alert(typeof new Function("x","y","return x*y;"))// "function"
alert(typeof function(){});// "function" alert(typeof function(x,y){return x+y;});//
"function" alert(typeof new Function("x","y","return x*y;"))// "function"
我们可以很容易地看到,它们全都是 Function 对象,换言之,他们都是函
数,但是他们都有一个特点——没有名字。所以我们把他们称作“匿名函数”。
然而,正因为他们没有“名字”,我们也没有办法找到他们。这就引申了如何去
调用一个匿名函数的问题了。
匿名函数的调用
要调用一个函数,我们必须要有方法定位它,引用它。所以,我们会需要
帮它找一个名字。例如:
var abc=function(x,y){
return x+y;
}
alert(abc(2,3)); // "5"
上面的操作其实就等于换个方式去定义函数,这种用法是我们比较频繁遇
到的。例如我们在设定一个 DOM 元素事件处理函数的时候,我们通常都不会
为他们定名字,而是赋予它的对应事件引用一个匿名函数。
对匿名函数的调用其实还有一种做法,也就是我们看到的 jQuery 片段——
使用()将匿名函数括起来,然后后面再加一对小括号(包含参数列表)。我们
再看一下以下例子:
alert((function(x,y){return x+y;})(2,3));// "5"
alert((new Function("x","y","return x*y;"))(2,3));// "6"
alert((function(x,y){return x+y;})(2,3));// "5" alert((new Function("x","y","return
x*y;"))(2,3));// "6"
很多人或许会奇怪,为什么这种方法能成功调用呢?觉得这个应用奇怪的
人就看一下我以下这段解释吧。
大家知道小括号的作用吗?小括号能把我们的表达式组合分块,并且每一
块,也就是每一对小括号,都有一个返回值。这个返回值实际上也就是小括号
中表达式的返回值。所以,当我们用一对小括号把匿名函数括起来的时候,实
际上小括号对返回的,就是一个匿名函数的 Function 对象。因此,小括号对加
上匿名函数就如同有名字的函数般被我们取得它的引用位置了。所以如果在这
个引用变量后面再加上参数列表,就会实现普通函数的调用形式。
不知道以上的文字表述大家能不能看明白,如果还是理解不了的话,再看
一下以下的代码试试吧。
var abc=function(x,y){return x+y;};// 把匿名函数对象赋给 abc
// abc 的 constructor 就和匿名函数的 constructor 一样了。也就是说,两个函数的
实现是一样的。
alert((abc).constructor==(function(x,y){return x+y;}).constructor);
var abc=function(x,y){return x+y;};// 把匿名函数对象赋给 abc // abc 的 constructor
就和匿名函数的 constructor 一样了。也就是说,两个函数的实现是一样的。
alert((abc).constructor==(function(x,y){return x+y;}).constructor);
提示:constructor 是指创建对象的函数。也就是函数对象所代表的函数体。
总之,将其(被小括号包含的匿名函数)理解为括号表达式返回的函数对
剩余10页未读,继续阅读
资源评论
oligaga
- 粉丝: 50
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 微软常用运行库 游戏运行库 VC++各个版本
- 微信小程序开发教程.pptx
- MyBatis动态SQL是一种强大的特性,它允许我们在SQL语句中根据条件动态地添加或删除某些部分,从而实现更加灵活和高效的数据
- 锐捷网络认证中心网络管理.pdf
- MyBatis动态SQL是一种强大的特性,它允许我们在SQL语句中根据条件动态地添加或删除某些部分,从而实现更加灵活和高效的数据
- SD8233LF是一款用于单按键触摸及接近感应开关,其用途是替代传统的机械型开关芯片IC
- 基于YOLOv5的烟雾火焰检测算法研究
- 基于STM32的联合调试侦听设备解决方案原理图PCB源文件调试工具视频(大赛作品)
- MyBatis动态SQL是一种强大的特性,它允许我们在SQL语句中根据条件动态地添加或删除某些部分,从而实现更加灵活和高效的数据
- MyBatis动态SQL是一种强大的特性,它允许我们在SQL语句中根据条件动态地添加或删除某些部分,从而实现更加灵活和高效的数据
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功