js在IE中的內存釋放問題

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

1、給DOM對象添加的屬性是一個對象的引用。範例:
var MyObject = {};
document.getElementById('myDiv').myProp = MyObject;
解決方法:
在window.onunload事件中寫上: document.getElementById('myDiv').myProp = null;


2、DOM對象與JS對象相互引用。範例:
function Encapsulator(element) {
this.elementReference = element;
element.myProp = this;
}
new Encapsulator(document.getElementById('myDiv'));
解決方法:
在onunload事件中寫上: document.getElementById('myDiv').myProp = null;


3、給DOM對象用attachEvent綁定事件。範例:
function doClick() {}
element.attachEvent("onclick", doClick);
解決方法:
在onunload事件中寫上: element.detachEvent('onclick', doClick);


4、從外到內執行appendChild。這時即使調用removeChild也無法釋放。範例:
var parentDiv = document.createElement("div");
var childDiv = document.createElement("div");
document.body.appendChild(parentDiv);
parentDiv.appendChild(childDiv);
解決方法:
從內到外執行appendChild:
var parentDiv = document.createElement("div");
var childDiv = 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源碼站點中,在它們的源碼裏都會看到採用上述解決方式進行內存的釋放管理。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章