本文和大家重點討論一下IE JS編程需注意的內存釋放問題，在IE下的JS編程中，以下的編程方式都會造成即使關閉IE也無法釋放內存的問題，下面分類給出。

IE JS編程需注意的內存釋放問題

在IE下的JS編程中，以下的編程方式都會造成即使關閉IE也無法釋放內存的問題，下面分類給出。

1、給DOM對象添加的屬性是一個對象的引用。

范例： 

varMyObject={};  
document.getElementById('myDiv').myProp=MyObject;  

解決方法：
在window.onunload事件中寫上:document.getElementById('myDiv').myProp=null;

2、DOM對象與JS對象相互引用。

范例： 

functionEncapsulator(element){  
this.elementReference=element;  
element.myProp=this;  
}  
newEncapsulator(document.getElementById('myDiv')); 

解決方法：
在onunload事件中寫上:document.getElementById('myDiv').myProp=null;

3、給DOM對象用attachEvent綁定事件。

范例： 

functiondoClick(){}  
element.attachEvent("onclick",doClick); 

解決方法：
在onunload事件中寫上:element.detachEvent('onclick',doClick);

4、從外到內執行appendChild。這時即使調用removeChild也無法釋放。

范例： 

varparentDiv=document.createElement("div");  
varchildDiv=document.createElement("div");  
document.body.appendChild(parentDiv);  
parentDiv.appendChild(childDiv); 

解決方法：
從內到外執行appendChild: 

varparentDiv=document.createElement("div");  
varchildDiv=document.createElement("div");  
parentDiv.appendChild(childDiv);  
document.body.appendChild(parentDiv); 

5、反復重寫同一個屬性會造成內存大量占用(但關閉IE后內存會被釋放)。

范例： 

for(i=0;i<5000;i++){  
hostElement.text="asdfasdfasdf";  
} 

這種方式相當于定義了5000個屬性！
解決方法：
其實沒什么解決方法:就是編程的時候盡量避免出現這種情況。#p#

說明：

1、以上資料均來源于微軟官方的MSDN站點，鏈接地址：
http://msdn.microsoft.com/librar...e_leak_patterns.asp
大家可以到上面這個地址中看到詳細的說明，包括范例和圖例都有。只是我英文不太好，看不太懂，如果我上述有失誤或有需要補充的地方請大家指出。

2、對于***條，事實上包括element.onclick=funcRef這種寫法也算在其中，因為這也是一個對對象的引用。在頁面onunload時應該釋放掉。

3、對于第三條，在MSDN的英文說明中好像是說即使調用detachEvent也無法釋放內存，因為在attachEvent的時候就已經造成內存“LEAK”了，不過detachEvent后情況還是會好一點。不知道是不是這樣，請英文好的親能夠指出。

4、在實際編程中，這些內存問題的實際影響并不大，尤其是給客戶使用時，客戶對此絕不會有察覺，然而這些問題對于程序員來說卻始終是個心病---有這樣的BUG心里總會覺得不舒服吧？能解決則給與解決，這樣是***的。事實上我在webfx.eae.net這樣***的JS源碼站點中，在它們的源碼里都會看到采用上述解決方式進行內存的釋放管理。

研究jsvm的時候，發現js.lang.System里面定義了gc()方法 

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

CollectGarbage()是ie特有的一個釋放內存函數

【編輯推薦】

1. 巧解IE Javascript腳本失效問題
2. 深入剖析JavaScript中split()方法的使用
3. JavaScript數組元素刪除問題解決方案
4. Javascript操作img解決網站提交數據異常問題
5. JavaScript調試工具解決IE6等多版本共存問題