如果闭包作用域链中保存了HTML元素,因为闭包保存了外部函数的活动对象,因而占用的内存就永远不会被回收。
代码如下:
function getHtmlElement(){
var element=document.getElementById("htmlElement");
element.onclick=function(){
alert(element.id);//引用了HTML元素,保存了getHtmlElement()的活动对象,导致内存不能被回收。
};
}
如果想要闭包引用HTML元素,又想内存得以被回收,可以将取得的HTML元素保存在一个变量中,闭包引用这个变量,虽然闭包不直接引用element, 闭包还保存着getHtmlElement()的活动对象,因而仍保存着element的引用,解决办法,再将element元素引用清空,便清空了对 HTML元素的引用,内存得以被回收。
代码如下:
function getHtmlElement(){
var element=document.getElementById("htmlElement");
var id=element.id;//将取得的HTML元素保存在一个变量中
element.onclick=function(){
alert(id);//闭包引用这个变量
};
element=null; //再将element元素引用清空,便清空了对HTML元素的引用,内存得以被回收。
}