闭包中的 内存泄漏

Posted 2020-08-02 czhyuwj

内存泄漏

　　如果闭包的作用域链中保存着一个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对象的引用，顺利地减少其引用数，确保正常回收其占用的内存。