内存泄漏
如果闭包的作用域链中保存着一个HTML元素,那么就意味着该元素将无法被销毁。
1 function assignHandler(){ 2 var element = document.getElementById("someElement"); 3 element.onclick = function(){ 4 alert(element.id); 5 } 6 }
而这个闭包则又创建另一个循环引用。由于匿名函数保存了一个对 assignHandler()的活动对象的引用,因此就会导致无法减少 element 的引用数。只要匿名函数存在,element 的引用数至少也是1,因此它所占用的内存就永远不会被回收。
不过稍微改进下就可以了
1 function assignHandler(){ 2 var element = document.getElementById("someElement"); 3 var id = element.id; 4 element.onclick = function(){ 5 alert(id); 6 } 7 element = null; 8 }
在上面的代码中,通过把element.id 的一个副本保存在一个变量中,并且在闭包中引用该变量消除领料循环引用。但仅仅做到这一步,还是不能解决内存泄漏的问题。
必须要记住:闭包会引用包含函数的整个活动对象,而其中包含着element。即使闭包不直接引用element 包含函数的活动对象中也任然会保存一个引用。因此,把element变量设置为null。这样就接触对DOM对象的引用,顺利地减少其引用数,确保正常回收其占用的内存。
时间: 2024-12-28 10:48:04