js：匿名与闭包函数

js：匿名与闭包函数  

|字号 订阅

一、匿名函数写法
  最常见的用法：

(function() {
   alert('water');
})();

当然也可以带参数：

(function(o) { 
    alert(o); 
})('water');

想用匿名函数的链式调用？很简单：

(function(o) {
    alert(o); 
    return arguments.callee;
})('water')('down');

二、匿名函数后面小括号表示执行
1、没有弹出框

<script language="javascript" type="text/javascript">
function start(){

var nid=document.getElementsByTagName("li");
nid.οnclick=function(){alert("4");}

}
window.οnlοad=start;
</script>

 
2、这样才有弹出对话框

<script language="javascript" type="text/javascript">
function start(){

var nid=document.getElementsByTagName("li");
nid.οnclick=(function(){alert("4");})()

}
window.οnlοad=start;
</script>

 
运行后，不论点击哪一个li，都是alert提示“4”。

三、闭包函数
关于闭包有很多种解释，由于javascript的语言写法比较松散，理解方面也存在一定缺陷，我们姑且可以骑士下：
解释一：闭包有返回，但是返回值是最终值
闭包允许内层函数引用父函数中的变量，但是该变量是最终值。闭包引用的变量i，是循环结束后的值。

<script language="javascript" type="text/javascript">
var li=document.getElementsByTagName("li");
for(var i=0;i<li.length;i++){

li[i].οnclick=function(){alert(i);}

}
</script>

 
用闭包来解决：

<script language="javascript" type="text/javascript">
var li=document.getElementsByTagName("li");
for(var i=0;i<li.length;i++){
   (function(index){
   li[index].οnclick=function(){alert(index);} //再用一个匿名是因为(function(x){})(i);形式的闭包将跳开onclick事件立即执行，所以再用一个匿名函数等待事件执行
   })(i);  //将变量i传递给index
}
</script> 

解释二：闭包用来保护变量，保存其栈资源
闭包的两个特点：

1、作为一个函数变量的一个引用---当函数返回时，其处于激活状态。
2、一个闭包就是当一个函数返回时，一个没有释放资源的栈区。

其实上面两点可以合成一点,就是闭包函数返回时,该函数内部变量处于激活状态,函数所在栈区依然保留.

我们所熟知的主流语言,像C,java等,在函数内部只要执行了return,函数就会返回结果,然后内存中删除该函数所在的区域.生命周期也就停止了.一般的js函数也是这样.
但是有闭包特性的js函数有点特殊.
就例子来说:

function a(){
 var i=0;
 function b(){
 alert(++i);
 }
 return b;
}
var c = a();
c();

这是个标准的闭包。在函数a中定义了函数b，a又return了b的值。这些可以先不管。

var c = a();
c();

这两句执行很重要。
在var c = a();这行里，执行了a函数，那么肯定a经过了return。按照主流语言的函数特性，现在c的值就是a的返回值。
第二行c()的执行实际执行的就是b函数。最后不管执行的是谁,会弹出一个值为0的窗口，到此为止，所有的生命周期按理论来说就算全部结束了。
可是,如果我们再多执行一行。

var c = a();
c();
c();

第一次弹出0，第二次执行却弹出了1。

也就是说，第一次c()后，a中的i依然保留.自然a在内存的栈区依然保留。

a是return过了，但是，a及内部值却依然存在，这就是闭包。

好了,总结下：
1，闭包外层是个函数，
2，闭包内部都有函数，
3，闭包会return内部函数，
4，闭包返回的函数内部不能有return，(因为这样就真的结束了)，
5，执行闭包后,闭包内部变量会存在，而闭包内部函数的内部变量不会存在。

闭包的应用场景(呵呵,复制的参考资料)
1、保护函数内的变量安全。以最开始的例子为例，函数a中i只有函数b才能访问，而无法通过其他途径访问到，因此保护了i的安全性。
2、在内存中维持一个变量。依然如前例，由于闭包，函数a中i的一直存在于内存中，因此每次执行c()，都会给i自加1。

根据参考资料的应用场景，我们会自然的想到java或是c++的类。虽然JS没有类的概念，但是有了类的相似执行结果。

另外,还有一种格式颇受争议:
(function(a,b){...})(a,b);
如果你使用过jquery，并且观察过他的代码，你就会很奇怪他的写法，网上有人也把这种格式叫做闭包。

转载： http://sumsung753.blog.163.com/blog/static/14636450120113405822832/