IE浏览器JavaScript内存泄漏排查与释放指南

IE JavaScript内存泄漏常见场景与解决方案

首先，向DOM元素添加自定义属性时，该属性保存的是对象的引用。例如：var MyObject = {}; document.getElementById('myDiv').myProp = MyObject; 为避免内存泄漏，建议在window.onunload事件中执行清理操作：document.getElementById('myDiv').myProp = null;。

其次，当DOM对象与JavaScript对象相互引用时，也会引发内存问题。示例代码如下：function Encapsulator(element) { this.elementReference = element; element.myProp = this; } new Encapsulator(document.getElementById('myDiv')); 解决方法是在onunload事件中执行：document.getElementById('myDiv').myProp = null;。

第三，使用attachEvent为DOM元素绑定事件处理函数时，需特别注意释放。示例：function doClick() {} element.attachEvent("onclick", doClick); 在页面卸载时，应调用：element.detachEvent('onclick', doClick); 以解除绑定。

第四，执行appendChild时若顺序不当（从外到内），即使后续调用removeChild也无法释放内存。错误示例：var parentDiv = document.createElement("div"); var childDiv = document.createElement("div"); document.body.appendChild(parentDiv); parentDiv.appendChild(childDiv); 正确做法是从内到外追加：var parentDiv = document.createElement("div"); var childDiv = document.createElement("div"); parentDiv.appendChild(childDiv); document.body.appendChild(parentDiv);。

第五，反复重写同一属性会导致大量内存占用（尽管关闭IE后内存会释放）。例如：for(i = 0; i < 5000; i++) { hostElement.text = "asdfasdfasdf"; } 这相当于创建了5000个属性。目前无直接代码修复方案，编程时应尽量避免此类操作。

说明： 1、以上资料均来源于微软官方的MSDN站点，链接地址： http://msdn.microsoft.com/librar ... e_leak_patterns.asp 大家可以到上面这个地址中看到详细的说明，包括范例和图例都有。只是我英文不太好，看不太懂，如果我上述有失误或有需要补充的地方请大家指出。

补充说明第一条：element.onclick = funcRef 这种赋值方式同样属于对象引用，应在页面onunload时进行释放处理。

补充说明第三条：根据MSDN英文说明，即使调用detachEvent，内存仍可能无法完全释放，因为在attachEvent时已造成内存“LEAK”。不过，调用detachEvent后情况会有所改善。具体细节需结合英文文档确认。

在实际编程中，上述内存问题的影响通常较小，普通用户难以察觉。但对于开发者而言，这些潜在BUG会影响代码质量。建议在开发中尽量解决此类问题。例如，在webfx.eae.net等知名JS源码站点中，均采用了上述方式进行内存释放管理。

IE特有内存释放函数与jsvm库实践

在研究jsvm库时，发现js.lang.System中定义了gc()方法用于垃圾回收。

System.gc = function () { if (System.isIeBrowser()) { CollectGarbage(); setTimeout("CollectGarbage();", 1); } }

CollectGarbage()是IE浏览器特有的一个用于释放内存的函数。