|
|
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源碼站點中，在它們的源碼里都會看到采用上述解決方式進行內存的釋放管理。
研究 jsvm 的時候，發現 js.lang.System 里面定義了 gc() 方法
System.gc = function ()
{
if (System.isIeBrowser())
{
CollectGarbage();
setTimeout("CollectGarbage();", 1);
}
}
CollectGarbage() 是ie特有的一個釋放內存函數
JavaScript技術：IE JS編程需注意的內存釋放問題，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
