|
|
1、給DOM對(duì)象添加的屬性是一個(gè)對(duì)象的引用。范例：
var MyObject = {};
document.getElementById('myDiv').myProp = MyObject;
解決方法：
在window.onunload事件中寫(xiě)上: document.getElementById('myDiv').myProp = null;
2、DOM對(duì)象與JS對(duì)象相互引用。范例：
function Encapsulator(element) {
this.elementReference = element;
element.myProp = this;
}
new Encapsulator(document.getElementById('myDiv'));
解決方法：
在onunload事件中寫(xiě)上: document.getElementById('myDiv').myProp = null;
3、給DOM對(duì)象用attachEvent綁定事件。范例：
function doClick() {}
element.attachEvent("onclick", doClick);
解決方法：
在onunload事件中寫(xiě)上: element.detachEvent('onclick', doClick);
4、從外到內(nèi)執(zhí)行appendChild。這時(shí)即使調(diào)用removeChild也無(wú)法釋放。范例：
var parentDiv = document.createElement("div");
var childDiv = document.createElement("div");
document.body.appendChild(parentDiv);
parentDiv.appendChild(childDiv);
解決方法：
從內(nèi)到外執(zhí)行appendChild:
var parentDiv = document.createElement("div");
var childDiv = document.createElement("div");
parentDiv.appendChild(childDiv);
document.body.appendChild(parentDiv);
5、反復(fù)重寫(xiě)同一個(gè)屬性會(huì)造成內(nèi)存大量占用(但關(guān)閉IE后內(nèi)存會(huì)被釋放)。范例：
for(i = 0; i < 5000; i++) {
hostElement.text = "asdfasdfasdf";
}
這種方式相當(dāng)于定義了5000個(gè)屬性！
解決方法：
其實(shí)沒(méi)什么解決方法:P~~~就是編程的時(shí)候盡量避免出現(xiàn)這種情況咯~~
說(shuō)明：
1、以上資料均來(lái)源于微軟官方的MSDN站點(diǎn)，鏈接地址：
http://msdn.microsoft.com/librar ... e_leak_patterns.ASP
大家可以到上面這個(gè)地址中看到詳細(xì)的說(shuō)明，包括范例和圖例都有。只是我英文不太好，看不太懂，如果我上述有失誤或有需要補(bǔ)充的地方請(qǐng)大家指出。
2、對(duì)于第一條，事實(shí)上包括 element.onclick = funcRef 這種寫(xiě)法也算在其中，因?yàn)檫@也是一個(gè)對(duì)對(duì)象的引用。在頁(yè)面onunload時(shí)應(yīng)該釋放掉。
3、對(duì)于第三條，在MSDN的英文說(shuō)明中好像是說(shuō)即使調(diào)用detachEvent也無(wú)法釋放內(nèi)存，因?yàn)樵赼ttachEvent的時(shí)候就已經(jīng)造成內(nèi)存“LEAK”了，不過(guò)detachEvent后情況還是會(huì)好一點(diǎn)。不知道是不是這樣，請(qǐng)英文好的親能夠指出。
4、在實(shí)際編程中，這些內(nèi)存問(wèn)題的實(shí)際影響并不大，尤其是給客戶使用時(shí)，客戶對(duì)此絕不會(huì)有察覺(jué)，然而這些問(wèn)題對(duì)于程序員來(lái)說(shuō)卻始終是個(gè)心病 --- 有這樣的BUG心里總會(huì)覺(jué)得不舒服吧？能解決則給與解決，這樣是最好的。事實(shí)上我在webfx.eae.NET這樣頂級(jí)的JS源碼站點(diǎn)中，在它們的源碼里都會(huì)看到采用上述解決方式進(jìn)行內(nèi)存的釋放管理。
研究 jsvm 的時(shí)候，發(fā)現(xiàn) js.lang.System 里面定義了 gc() 方法
System.gc = function ()
{
if (System.isIeBrowser())
{
CollectGarbage();
setTimeout("CollectGarbage();", 1);
}
}
CollectGarbage() 是ie特有的一個(gè)釋放內(nèi)存函數(shù)
JavaScript技術(shù)：IE JS編程需注意的內(nèi)存釋放問(wèn)題，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
