Javascript学习笔记:闭包题解(3)

时间:2021-06-28 17:41:20

代码:

 function assignHandler(){
var element=document.getElementById('someElementId'); element.onclick=function(){
alert(element.id);
}
}

问题:请问以上代码是否存在内存泄漏?

正确答案:存在内存泄漏

解析:由于上段代码中存在闭包,闭包会保存包含该闭包的函数的作用域链,因此element对象会一直存在于内存中,不会被垃圾回收机制回收掉。那么怎么解决闭包内存泄漏的问题呢?闭包内尽量引用包含函数的值类型变量,不引用包含函数的引用类型变量,且必须在包含函数的最后将引用变量的值设置为null,断开变量名与对象之间的连接,这样对象便可正常回收,解决内存泄漏问题。代码如下:

 function assignHandler(){
var element=document.getElementById('someElementId');
var id=element.id; element.onclick=function(){
alert(id);
} element=null;
}