總結(jié)JavaScript在IE9之前版本中內(nèi)存泄露問題

更新時間：2018年04月28日 08:53:23 投稿：laozhang

本篇文章給大家總結(jié)了JavaScript在IE9之前版本中內(nèi)存泄露問題，對此有興趣的朋友可以學(xué)習(xí)下。

IE9之前的版本對JScript對象和COM對象使用不同的垃圾回收例程(COM對象采用“引用計數(shù)”收集策略)，因此閉包在IE的這些版本中會導(dǎo)致一些特殊問題。具體來說，如果閉包的作用域中保存著一個HTML元素，那么就意味著該元素將無法被銷毀。
來看下面的例子：

function assignHandler() {
  var elem = document.getElementById('elem_id');
  elem.onclick = function(evt) {
    alert(elem.id);
  };
}

以上代碼創(chuàng)建了一個作為elem元素事件處理程序的閉包，而這個閉包則又創(chuàng)建了一個循環(huán)引用。由于匿名函數(shù)保存了一個對assignHandler()的活動對象的引用，因此就會導(dǎo)致無法減少elem的引用數(shù)。只要匿名函數(shù)存在，elem的引用數(shù)至少也是1，因此它所占用的內(nèi)存就永遠(yuǎn)不會被回收。

可以將上面的代碼稍作修改一下就可以解決：

function assignHandler() {
  var elem = document.getElementById('elem_id');
  var elem_id = elem.id;
  elem.onclick = function(evt) {
    alert(elem_id);
  };
  elem = null;
}

通過把elem.id的一個副本保存在一個變量中，并且在閉包中引用該變量消除了循環(huán)引用。但僅僅做到這一步，還是不能解決內(nèi)存泄露問題。

“閉包會引用包含函數(shù)的整個活動對象，而其中就包含著elem。即使閉包不直接引用elem，包含函數(shù)的活動對象中也仍然會保存一個引用。因此，有必要把elem設(shè)置為null。這樣就能解除對DOM對象的引用，順利地減少其引用數(shù)，確保正常回收其占用的內(nèi)存”

您可能感興趣的文章: