深入研究javascript的匿名函数

上传人:第*** 文档编号:32643697 上传时间:2018-02-12 格式:DOC 页数:12 大小:61KB
返回 下载 相关 举报
深入研究javascript的匿名函数_第1页
第1页 / 共12页
深入研究javascript的匿名函数_第2页
第2页 / 共12页
深入研究javascript的匿名函数_第3页
第3页 / 共12页
深入研究javascript的匿名函数_第4页
第4页 / 共12页
深入研究javascript的匿名函数_第5页
第5页 / 共12页
点击查看更多>>
资源描述

《深入研究javascript的匿名函数》由会员分享,可在线阅读,更多相关《深入研究javascript的匿名函数(12页珍藏版)》请在金锄头文库上搜索。

1、深入研究 JavaScript 的匿名函数jQuery 片段: (function() /这里忽略 jQuery 所有实现 )(); (function() /这里忽略 jQuery 所有实现 )(); 半年前初次接触 jQuery 的时候,我也像其他人一样很兴奋地想看看源码是什么样的。然而,在看到源码的第一眼,我就迷糊了。为什么只有一个匿 名函数又没看到运行(当然是运行了) ,就能有 jQuery 这么个函数库了?于是,我抱着疑问来到 CSDN。结果相信现在很多人都很清楚了(因为在我之 后也不乏来者,呵呵) 。当一个匿名函数被括起来,然后再在后面加一个括号,这个匿名函数就能立即运行起来!真神

2、奇哦!嘿嘿!胡闹到此为止。在这一节,我们碰到的 jQuery 片段是一组立即运行的匿名函数。而这种用法在论坛上也曾引起过激辩这段代码究竟属不 属于闭包呢?带着这个疑问,我们从基础开始,分析每个关键要素,寻找属于自己的答案。 (没错,自己的答案!在我看来,所有理论只是形式,只要它有利于我们 的应用实现,就是可取的黑猫白猫,抓到老鼠的就是好猫!)要说匿名函数,我们首先要由函数本身说起。函数的定义如下:函数是将唯一的输出值赋予给每一输入的“法则” 。当然,这只是数学上的定义。但是,在计算机编程语言中,函数的定义也八九不离十。因为,我们都知道,计算机中的函数,也类似数学定义中的描述,它是将输入的若干数

3、据,经过代码设定的逻辑操作处理后,返回唯一的输出的一组代码组合块。当然,特例是,输入的数据为空或输出的数据为空,或者两者都为空。下面,我们先初步了解一下和匿名函数相关的概念。函数声明(function 语句)要使用一个函数,我们就得首先声明它的存在。而我们最常用的方式就是使用 function 语句来定义一个函数,如:function abc() / code to process function abc() / code to process 当然,你的函数也可以是带参数的,甚至是带返回值的。function abc(x,y) return x+y; function abc(x,y) r

4、eturn x+y; 但是,无论你怎么去定义你的函数,JS 解释器都会把它翻译成一个Function 对象。例如,你在定义上面的其中一个例子的函数号,再输入如下代码:alert(typeof(abc);/ function 你的浏览器就会弹出提示框,提示你 abc 是一个 Function 对象。那么Function 对象究竟是什么呢?Function 对象Function 对象是 JavaScript 里面的固有对象,所有的函数实际上都是一个Function 对象。关于这个方面的讨论,我们留到下一个专题节。我们先看看,Function 对象能不能直接运用构造函数创建一个新的函数呢?答案是肯定

5、的。例如: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;);/

6、 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 对象,换言之,他们都是函数,但是他们都有一个特点没有名字。所以我们把他们称作“匿名函数” 。然而,正因为他们没有“名字” ,我们也没有办法找到他们

7、。这就引申了如何去调用一个匿名函数的问题了。匿名函数的调用要调用一个函数,我们必须要有方法定位它,引用它。所以,我们会需要帮它找一个名字。例如:var abc=function(x,y) return x+y; alert(abc(2,3); / 5 上面的操作其实就等于换个方式去定义函数,这种用法是我们比较频繁遇到的。例如我们在设定一个 DOM 元素事件处理函数的时候,我们通常都不会为他们定名字,而是赋予它的对应事件引用一个匿名函数。对匿名函数的调用其实还有一种做法,也就是我们看到的 jQuery 片段使用()将匿名函数括起来,然后后面再加一对小括号(包含参数列表) 。我们再看一下以下例子:

8、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 很多人或许会奇怪,为什么这种方法能成功调用呢?觉得这个应用奇怪的人就看一下我以下这段解释吧。大家知道小括号的作用吗?小括号能把我们的表达式组合分块,并且每一块,也就是每一对小括号,都有一个返回值。这个返回值实际上也就是小括号中表达式的返回值。所以,当我们用

9、一对小括号把匿名函数括起来的时候,实际上小括号对返回的,就是一个匿名函数的 Function 对象。因此,小括号对加上匿名函数就如同有名字的函数般被我们取得它的引用位置了。所以如果在这个引用变量后面再加上参数列表,就会实现普通函数的调用形式。不知道以上的文字表述大家能不能看明白,如果还是理解不了的话,再看一下以下的代码试试吧。var abc=function(x,y)return x+y;/ 把匿名函数对象赋给 abc / abc 的 constructor 就和匿名函数的 constructor 一样了。也就是说,两个函数的实现是一样的。 alert(abc).constructor=(fu

10、nction(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 是指创建对象的函数。也就是函数对象所代表的函数体。总之,将其(被小括号包含的匿名函数)理解为括号表达式返回的函数对象,然后就可以对这个函数对象作正常

11、的参数列表调用了。 (前面这里犯了个错 误,只有函数表达式还是不能直接调用函数的,去掉匿名函数括号必须要伴随将表达式赋值。也就是(function()alert(1)()应该是与 a=function()alert(1)()等价,不能连 a=都去掉。 )闭包闭包是什么?闭包是指某种程序语言中的代码块允许一级函数存在并且在一级函数中所定义的自由变量能不被释放,直到一级函数被释放前,一级函数外也能应用这些未释放的自由变量。怎样?看得一头冒汗吧没事,我也是(虽然是我是了解的,只是表达能力的问题) 。让我们换个更加简单的方法说明:闭包,其实是一种语言特性,它是指的是程序设计语言中,允许将函数看作对象,

12、然后能像在对象中的操作搬在函数中定义实例(局部)变量,而这些变量能在函数中保存到函数的实例对象销毁为止,其它代码块能通过某种方式获取这些实例(局部)变量的值并进行应用扩展。不知道这么再解释后会否更加清晰,如果还是不明白,那么我们再简化一下:闭包,其实就是指程序语言中能让代码调用已运行的函数中所定义的局部变量。现在我们看一个例子:var abc=function(y) var x=y;/ 这个是局部变量 return function() alert(x+);/ 就是这里调用了闭包特性中的一级函数局部变量的 x,并对它进行操作 alert(y-);/ 引用的参数变量也是自由变量 (5);/ 初始

13、化 abc();/ 5 5 abc();/ 6 4 abc();/ 7 3 alert(x);/ 报错! “x”未定义! var abc=function(y) var x=y;/ 这个是局部变量 return function() alert(x+);/ 就是这里调用了闭包特性中的一级函数局部变量的 x,并对它进行操作 alert(y-);/ 引用的参数变量也是自由变量 (5);/ 初始化 abc();/ 5 5 abc();/ 6 4 abc();/ 7 3 alert(x);/ 报错!“x”未定义! 看到这里,你能判断究竟 jQuery 的那个代码片段是否闭包了吗?以我的理解来说吧。是否

14、应用了闭包特性,必须确定该段代码有没有 最重要的要素:未销毁的局部变量。那么很显然,没有任何实现的匿名函数不可能应用了闭包特性。但如果匿名函数里面有实现呢?那也还得确定它的实现中有没有 用到那些未销毁的局部变量。所以如果问你那个开篇中的 jQuery 代码片段是应用了 JS 里的什么特性?那么它只是匿名函数与匿名函数的调用而已。但是,它 隐含了闭包的特性,并且随时可以实现闭包应用。因为 JS 天生就是有这个特性的!(这只是我的理解,我也想知道你的理解,欢迎交流!关于闭包,有机会还是独立再开一个专题吧!)匿名函数函数是 JavaScript 中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名

15、函数:就是没有函数名的函数。1、函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式第一种:这也是最常规的一种function double( x )return 2 * x; 第二种:这种方法使用了 Function 构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用。var double = new Function( x , return 2 * x;);第三种:var double = function( x ) return 2* x; 注意 =右边的函数就是一个匿名函数,创造完毕函数后,又将该函数赋给了变量 double。2、匿名函数的创建第一种方式:就是上面所讲的定义 square 函数,这也是最常用的方式之一。第二种方式:(function( x , y)alert( x + y); )(2 ,3 );/函数的自调用的形式,直接可以得出结果。这里创建了一个匿名函数(在第一个括号内),第二个括号用于调用该匿名函数,并传入参数。闭包闭包的英文单词是 closure,这是 JavaScript 中非常重要的一部分知识,因为使用闭

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 中学教育 > 职业教育

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号