( function(){ ...... } )( window );
初次接触jQuery源代码时,它的结构就是如上。这是一个匿名函数被括起来,然后再在后面加一个括号,这个匿名函数就能立即运行起来!这样做有什么好处呢?为什么要这样写?这段代码究竟属不属于闭包呢?
函数声明(function 语句) 正常一个函数的声明和定义如下: function foo(){ ........ }
当然函数也可以是带参数的,以及带返回值的。 最终JS解释器会把它翻译成一个Function对象,可以通过如下代码验证:
alert(typeof foo);// "function"
Function 对象
Function对象是JavaScript里面的固有对象,所有的函数实际上都是一个Function对象。Function对象也可以直接运用构造函数创建一个新的函数。例如:
var foo = new Function("x","y","return x+y;"); alert( foo(4,3)); // "7"
声明匿名函数
顾名思义,匿名函数就是没有实际名字的函数。 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 fooname=function(x,y){ return x+y; } 上面的操作其实就等于换个方式去定义函数,这种用法是我们比较频繁遇到的。例如我们在设定一个DOM元素事件处理函数的时候,我们通常都不为他们定名字,而是赋予它对应事件引用一个匿名函数。
方法二,就是我们看到的本文的例子—使用()将匿名函数括起来,然后后面再加一对小括号(包含参数列表)。代码如下: alert((function(x,y){return x+y;})(2, 3)); // "5"
为什么这种方法能成功调用呢?
大家知道小括号的作用吗?小括号能把我们的表达式组合分块,并且每一块,也就是每一对小括号,都有一个返回值。这个返回值实际上也就是小括号中表达式的返回值。所以,当用一对小括号把匿名函数括起来的时候,实际上返回的就是一个匿名函数的Function对象。
var abc=function(x,y){return x+y;};// 把匿名函数对象赋给abc // abc的constructor就和匿名函数的constructor一样了。也就是说,两个函数的实现是一样的。 alert((abc).constructor==(function(x,y){return x+y;}).constructor); (function(){alert(1)})()应该是与 a=function(){alert(1)}()等价,但不能连a=都去掉。
闭包
闭包是指某种程序语言中的代码块允许一级函数存在并且在一级函数中所定义的自由变量能不被释放,直到一级函数被释放前,一级函数外也能应用这些未释放的自由变量。
让我们换个更加简单的方法说明:闭包,其实是一种语言特性,它是指的是程序设计语言中,允许将函数看作对象,然后能像在对象中的操作搬在函数中定义实例(局部)变量,而这些变量能在函数中保存到函数的实例对象销毁为止,其它代码块能通过某种方式获取这些实例(局部)变量的值并进行应用扩展。
不知道这么再解释后会否更加清晰,如果还是不明白,那么我们再简化一下:闭包,其实就是指程序语言中能让代码调用已运行的函数中所定义的局部变量。
现在我们看一个例子:
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”未定义! 片段是否闭包了吗?
是否应用了闭包特性,必须确定该段代码有没有最重要的要素:未销毁的局部变量。那么很显然,没有任何实现的匿名函数不可能应用了闭包特性。但如果匿名函数里面有实现呢?那也还得确定它的实现中有没有用到那些未销毁的局部变量。
开篇中的代码片段是只是匿名函数与匿名函数的调用而已。但是,它隐含了闭包的特性,并且随时可以实现闭包应用。