JS内存泄漏

 

JS内存泄漏

最近用JS写了一个控件----div模拟弹出窗口.之前发布过一个版本,网友说有很严重的内存泄漏问题,经过此次修改,已经解决了此问题.对于JS的内存泄漏很很奇怪,一直都没有想过有此问题,也许是只会做java吧,很少考虑内存释放的问题.针对此问题,特意在网上找了一些资料.摘录如下.
1.内存泄漏检测工具.http://outofhanwell.com/ieleak/index.php?title=Main_Page
说明文档:https://ieleak.svn.sourceforge.net/svnroot/ieleak/trunk/drip/docs/index.html
2.如何修正JS的内存泄漏,一些教程:http://outofhanwell.com/ieleak/index.php?title=Fixing_Leaks

1)  function loadMyPage() {
   var elem = document.getElementById('myelement');
   elem.onclick = function () {
      window.alert('hi!');
   };
}
这段代码就能引起JS的内存泄漏,如果修正:elem = null;
或者

1. function onMyElemClick() { 
2.    window.alert('hi!'); 
3. } 
4. function loadMyPage() { 
5.    var elem = document.getElementById('myelement'); 
6.    elem.onclick = onMyElemClick; 
7. } 
9. 2). function Helper(elem) 
10. { 
11.     this.elem = elem; 
12. } 
13. var elem = document.getElementById('elem'); 
14. elem.helper = new Helper(elem); 
17. var parent = document.getElementById('parent'); 
18. var child = document.getElementById('child'); 
20. // make it easy to find one from the other  
21. parent.other = child; 
22. child.other = parent; 

以上两段代码都会引起内存泄漏.
3)如果将一个element从一个elemeng删除最好用 innerHTML="". 如下:

1. function discardElement(element) { 
2.     var garbageBin = document.getElementById('IELeakGarbageBin'); 
3.     if (!garbageBin) { 
4.         garbageBin = document.createElement('DIV'); 
5.         garbageBin.id = 'IELeakGarbageBin'; 
6.         garbageBin.style.display = 'none'; 
7.         document.body.appendChild(garbageBin); 
8.     } 
10.     // move the element to the garbage bin 
11.     garbageBin.appendChild(element); 
12.     garbageBin.innerHTML = ''; 
13. }