完全理解 JavaScript 闭包是咋回事....

闭包这个东东很多人在工作中很少关注，但是项目一旦比较大后，就发现内存暴涨，点击次数越多内存越大，而且无法销毁，很大原因都是因为内存泄露导致。其中闭包是内存泄露的一个大的坑，现我们了解一下闭包是咋回事。在这之前我们先了解一下js垃圾回收的问题。

一、关于js的垃圾回收   

1)、在js中,果一个对象不再被引用,那么这个对象就会被GC回收; 

2)、如果两个对象互相引用,而不再被第三者所引用，那么这两个互相引用的对象也会被GC给回收.

二、如何定义闭包及闭包的优缺点:  

1、闭包是指子函数使用父函数的局部变量,子函数通过访问和使用父函数的局部变量.

2、闭包也有缺点,使用完后不释放就会一直存在,且占据内存增大内存使用量,使用不当就会造成内存泄露.

3、闭包是js脚本语言的一大特征,闭包的主要作用是:使得对象拥有私有的方法和变量 且使得变量一直存在与内存中.同时还可以避

免关于全局变量与局部变量的错误.

4、函数一般情况执行完毕后就会被垃圾回收机制回收,且占用的内存中只保存函数的作用域,但闭包与此截然不同!

三、关于js闭包占用内存的释放 

代码如下>实现累加后并释放占用内存:

			//使用匿名函数实现局部变量驻留内存中，从而实现累加
			<script type="text/javascript">
			    function oBox(){
			        var nNum = 100;
			        return function(){          //匿名函数
			            nNum++;
			            return nNum;            //将内部结果返回！
			        };
			 	} 
			 	var a = oBox();
				alert(a());   //即alert(oBox()());    
				alert(a());
				alert(a());
				alert(a);     //---最后弹出上面申明的匿名函数  return function(){nNum++; return nNum;};  
				a = null;     //让变量a为空 解除引用，等待GC垃圾回收
			</script>

四、关于使用后的内存泄露<解决办法>      

代码如下:
由于IE的js对象和DOM对象使用不同的垃圾收集方法,因此闭包在IE中会导致内存泄露问题,也就是无法销毁驻留在内存中的元素

					function count(){
					    var oDiv = document.getElementById('oDiv');//oDiv用完之后一直驻留在内存中
					    oDiv.onclick = function () {
					        alert('oDiv.innerHTML');  //这里用oDiv导致内存泄露
					    };
					}
					count();
					function count(){
					    var oDiv = document.getElementById('oDiv');
					    var test = oDiv.innerHTML;
					    oDiv.onclick = function () {
					        alert(test);
					    };
					    oDiv = null;    //最后应将oDiv为空使内存避免泄露
					}

五、使用闭包必须注意的地方：

1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法

是，在退出函数之前，将不使用的局部变量全部删除。

2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部

变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。