IE9前版本JavaScript闭包导致的内存泄露及解决方案

IE9前版本内存泄露机制

在IE9之前的浏览器版本中，JScript对象与COM对象分别由不同的垃圾回收例程处理，其中COM对象采用引用计数策略。这种机制差异使得闭包在这些旧版本中引发特殊问题：若闭包作用域内持有HTML元素引用，该元素将无法被销毁。

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

示例代码中，作为elem元素事件处理程序的闭包创建了循环引用。匿名函数保存了对assignHandler()活动对象的引用，导致elem的引用数无法降低。只要匿名函数存在，elem的引用数至少为1，其占用的内存便永远不会被回收。

对前述代码进行适当修改即可解决该问题。

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

将elem.id的副本保存至变量，并在闭包中引用该变量可消除循环引用。然而，仅做到这一步仍不足以彻底解决内存泄露问题。

闭包会引用包含函数的整个活动对象，其中包含elem。即使闭包不直接引用elem，活动对象中仍保存其引用。因此，需将elem设置为null以解除对DOM对象的引用，从而正常减少引用数并确保内存被回收。