闭包与变量
作用域链的配置机制会有一个副作用,即闭包只能取得包含函数中任何变量的最后一个值,例如下面说明这个问题。
function createFunction(){ var result = new Array(); for(var i=0; i<10; i++){ result[i] = function(){ return i; }; } return result; }每个函数都引用这保存变量i的同一个变量对象,所以每个函数内部i的值都是10。此时我们可以通过创建另一个匿名函数强制让闭包的行为符合预期,如下所示:
function createFunction(){ var result = new Array(); for(var i=0; i<10; i++){ result[i] = function(num){ return function(){ return num; }(i); } return result; }首先看一段解决内存泄露的代码:
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对象的引用,顺利地减少其引用数,确保正常回收其占用的内存。