JavaScript-闭包在IE浏览器中容易引起内存泄露,为什么?

JavaScript-闭包在IE浏览器中容易引起内存泄露,为什么?

想挽留 发布于 2017-04-10 字数 277 浏览 959 回复 4

在IE浏览器中,这段代码容易引起内存泄露,为什么?如何避免?

function outerFunction()
{
var myElement = document.getElementById("div_id");
myElement.onclick = function() { this.innerHTML = "I'm a leak"};
}

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

瑾兮 2017-06-06 4 楼

IE 6造成内存泄露的最大原因是由于IE 6的垃圾回收机制对于javascript object内部,jscript使用的是mark-and-sweep(标记-清除)算法,而对于javascript object与外部object(包括native object和vbscript object等等)的引用时,IE 6使用的是计数器(引用计数)算法。

IE 6对于纯粹的Script Objects间的Circular References是可以正常处理,但它无法处理JScript与Native Object(例如Dom、ActiveX Object)之间的循环引用。所以,当我们出现Native对象(例如Dom、ActiveX Object)与Javascript对象间的循环引用时就会造成内存泄露。

这个就是IE 6造成内存泄露的主要原因

泛泛之交 2017-05-31 3 楼

ie 垃圾回收机制采用引用计数,主要跟踪记录每个值被引用次数,声明一个变量并将一个引用类型赋值给该变量时,那么这个值的引用次数是1,如果同一个值又被赋给另一个变量,该值得引用次数加1,相反如果包含引用这个值的变量又被赋一新值,那么这个值得引用次数就减 1。当垃圾收集器下次运行的时候会将引用次数为 0 的值释放所占的内存(ie垃圾收集器是通过内存分配自动运行的),如果存在循环引用,那么这个值永远都不会被释放,因为引用次数永远都不为 0;

像你上边的代码,写了一个作为 myElement 元素闭包处理事件的程序,而这个闭包又创建了一个循环引用,由于匿名函数保存了一个 outerFunction() 活动对象的引用,所以无法减少 myElement 的引用次数。myElement的引用次数最少也是1,所以内存永远也不会释放,可能导致内存溢出。

你上边的代码可以简单的修改为:

 function outerFunction()
{
var myElement = document.getElementById("div_id");
myElement.onclick = function() { this.innerHTML = "I'm a leak"};
myElement = null; //手工解除myElement 的引用
}

再补充一点上边提到的垃圾收集器的运行,ie6 :256 个变量,4096个对象(数组),字面量和数组元素(slot)或 64KB的字符串,达到以上任何一个临界值时,垃圾收集器就会运行。如果该脚本生命周期内一直存在上述几个临界值,那么垃圾回收器会频繁的工作,性能问题可想而知,如果值得引用次数永远不为 0 ,那么性能就更不言而喻了。存在这样的问题也使得ie7重写了垃圾回收机制的运行方式。

甜柠檬 2017-05-27 2 楼

因为对myElement的引用被不小心地是在一个匿名的内嵌函数中。这就在javascript对象(这个内嵌函数)和本地对象之间(myElement)创建了一个循环引用。
那么对于这个问题,有很多种解决方法,最简单的一种如下:

function outerFunction()
{
var myElement = document.getElementById("div_id");
myElement.onclick = function() { this.innerHTML = "I'm a leak"};
myElement = null;

}

它通过打断循环引用来工作。

偏爱自由 2017-05-22 1 楼

一种打断被闭包引入的循环引用的窍门是添加另外一个闭包:

 function addHandler() {
var clickHandler = function() {
this.style.backgroundColor = 'red';
}
(function() {
var el = document.getElementById('el');
el.onclick = clickHandler;
})();
}

内置函数被直接执行,并在clickHandler创建的闭包中隐藏了它的内容。

另外一种避免闭包的好方法是在window.onunload事件期间打断循环引用。很多事件库会为你做这件事情。注意这样做将使Firefox 1.5中的 bfcache不能工作。所以除非有其他必需的原因,否则你不应该在Firefox中注册一个unload的监听器。