JS匿名函数的理解

js匿名函数的代码以下:
(function(){
// 这里忽略jQuery 全部实现
})();

半年前初次接触jQuery 的时候，我也像其余人同样很兴奋地想看看源码是什么样的。然而，在看到源码的第一眼，我就迷糊了。为何只有一个匿名函数又没看到运行（固然是运行了…… ），就能有jQuery 这么个函数库了？因而，我抱着疑问来到CSDN 。结果相信如今不少人都很清楚了（由于在我之 后也不乏来者，呵呵~ ）。当一个匿名函数被括起来，而后再在后面加一个括号，这个匿名函数就能当即运行起来！真神奇哦！

嘿嘿！胡闹到此为止。在这一节，咱们碰到的jQuery 片断是一组当即运行的匿名函数。而这种用法在论坛上也曾引发过激辩—— 这段代码究竟属不属于闭包呢？带着这个疑问，咱们从基础开始，分析每一个关键要素，寻找属于本身的答案。（没错，本身的答案！在我看来，全部理论只是形式，只要它有利于咱们的应用实现，就是可取的—— 黑猫白猫，抓到老鼠的就是好猫！）

要说匿名函数，咱们首先要由函数自己提及。函数的定义以下：函数是将惟一的输出值赋予给每一输入的“ 法则” 。

固然，这只是数学上的定义。可是，在计算机编程语言中，函数的定义也八九不离十。由于，咱们都知道，计算机中的函数，也相似数学定义中的描述，它是将输入的若干数据，通过代码设定的逻辑操做处理后，返回惟一的输出的一组代码组合块。—— 固然，特例是，输入的数据为空或输出的数据为空，或者二者都为空。

下面，咱们先初步了解一下和匿名函数相关的概念。

函数声明（function 语句），要使用一个函数，咱们就得首先声明它的存在。而咱们最经常使用的方式就是使用function 语句来定义一个函数，如：
复制代码 代码以下:
function abc(){
// code to process
}
function abc(){ // code to process }
　　固然，你的函数也能够是带参数的，甚至是带返回值的。
view plaincopy to clipboardprint?
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"

相信你们如今对如何声明一个函数应该是有所了解了。那么什么才是匿名函数呢？
声明匿名函数
　　顾名思义，匿名函数就是没有实际名字的函数。例如，咱们把上面的例子中，函数的名字去掉，再判断一下他是否是一个函数：
复制代码 代码以下:
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"

　　不少人或许会奇怪，为何这种方法能成功调用呢？以为这个应用奇怪的人就看一下我如下这段解释吧。
　　你们知道小括号的做用吗？小括号能把咱们的表达式组合分块，而且每一块，也就是每一对小括号，都有一个返回值。这个返回值实际上也就是小括号中表达式的返回值。因此，当咱们用一对小括号把匿名函数括起来的时候，实际上小括号对返回的，就是一个匿名函数的Function 对象。所以，小括号对加上匿名函数就如同有名字的函数般被咱们取得它的引用位置了。因此若是在这个引用变量后面再加上参数列表，就会实现普通函数的调用形式。
　　不知道以上的文字表述你们能不能看明白，若是仍是理解不了的话，再看一下如下的代码试试吧。
复制代码 代码以下:
var abc=function(x,y){return x+y;};// 把匿名函数对象赋给abc
// abc 的constructor 就和匿名函数的constructor 同样了。也就是说，两个函数的实现是同样的。
alert((abc).constructor==(function(x,y){return x+y;}).constructor);
　　PS ：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” 未定义！
　　看到这里，你能判断究竟jQuery 的那个代码片断是否闭包了吗？
　　以个人理解来讲吧。是否应用了闭包特性，必须肯定该段代码有没有最重要的要素：未销毁的局部变量。那么很显然，没有任何实现的匿名函数不可能应用了闭包特性。但若是匿名函数里面有实现呢？那也还得肯定它的实现中有没有用到那些未销毁的局部变量。因此若是问你那个开篇中的jQuery 代码片断是应用了JS 里的什么特性？那么它只是匿名函数与匿名函数的调用而已。可是，它 隐含了闭包的特性，而且随时能够实现闭包应用。