闭包

闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。 在一个函数内部定义的函数会将包含函数（即外部函数）的活动对象添加到它的作用域链中。 闭包的作用域链包含着它自己的作用域，包含函数的作用域，和全局作用域。 由于闭包会携带包含它的函数的作用域，因此会比其他函数占用更多的内存。

作用域链的这种配置机制引起了一个值得注意的副作用，即闭包只能取得包含函数中任何变量的最后一个值。别忘了闭包保存的是整个变量对象，而不是某个特殊的变量。下面这个例子可以说明这个问题： function createFunctions(){ var ressult=new Array(); for(var i=0;i<10;i++){ result[i]=function(){ return i; }; } return result; } 这个函数会返回一个函数数组。表面上看，每个函数都应该返自己的索引值，实际上，每个函数都返回10.因为每个函数的作用域链中都保存着createFuntions()函数的活动对象，所以它们引用的都是同一个变量不。当createFunctions()函数返回后，变量i的值是10，此时每个函数都引用着保存变量i的同一个变量对象，所以在每个函数内部的i的值都是10。 我们可以创建另一个匿名函数强制让闭包的行为符合预期，如下： function createFunctions(){ var ressult=new Array(); for(var i=0;i<10;i++){ result[i]=function(num){ return function(){ return num; } }(i); } return result; } 我们没有直接把闭包赋值给数组，而是定义了一个匿名函数，并将立即执行该匿名函数的结果赋值给数组。这里的匿名函数有一个参数num,也就是最终的函数要返回的值。在调用 每个匿名函数时，我们传入了变量i。由于函数参数是按值传递的，所以变会将变量i的当前值制作给参数num,而在这个匿名函数的内部，又创建并返回了一个访问num的闭包。这样来看，result数组中的每个函数都有自己num变量的一个副本，因此就可以返回各自不同的数值了。

闭包中的this对象

闭包中使用this对象也可能会导致一些问题。this对象是在运行时基于函数的执行环境绑定的：在全局函数中，this等于window，而当函数被作为某个对象的方法调用时，this等于那个对象。不过，匿名函数的执行环境具有全局性，因此其this对象通常指向window。但有时候由于编写闭包的方式不同，这点可能不会那么明显。下面看一个例子： var name="The window"; var object={ name:"my object", getNameFunc:function(){ alert(this);//object对象 return function(){ alert(this);//window对象 return this.name; } } }; alert(object.getNameFunc()());//"The window" 每个函数在被调用的时候都会自动取得两个特殊变量：this和arguments。内部函数在搜索这两个变量时，只会搜索到其活动对象为止，因此永远不可能访问外部函数中的这两个变量，不过，把外部作用域中的this对象保存在一个闭包能够访问到的变量里，就可以让闭包访问该对象了。如下所示： var name="The window"; var object={ name:"my object", getNameFunc:function(){ var that=this; return function(){ return that.name; } } }; alert(object.getNameFunc()());//"my object"

内存泄漏

由于IE9之前的版本对JSscript对象和DOM对象使用不同的垃圾收集例程，因此闭包在IE的这些版本中会导致一些特殊的问题。具体来说，如果闭包的作用域链中保存着一个html元素，那就意味着该元素无法被销毁。

function assignHandler(){ var element=document.getElementById('someElement'); element.onclick=function(){ alert(element.id); }; } 上边代码创建了一个作为element元素事件处理程序的闭包，而这个闭包又创建了一个循环引用。由于匿名函数保存了对assignHandler()的活动对象的引用，因此就会法减少element的引用数，只要匿名函数存在，它所占的内存就不会被回收。不过这个问题可以如下解决： function assignHandler(){ var element=document.getElementById('someElement'); var id=element.id; element.onclick=function(){ alert(id); }; element=null; } 把element.id的副本保存在一个变量中，在闭包中使用这个变量消除了循环引用。但仅仅这样还不能解决内存泄漏问题，必须记住，闭包会引用包含函数的整个活动对象，而其中包含着element。即使闭包中不直接引用element，包含函数的活动对象中也仍然会保存一个引用。因此，有必要把element设为null。这样就能够解除对DOM对象的引用，正常回收内存。