IE JS編程需注意的內(nèi)存釋放問題
1、給DOM對象添加的屬性是一個(gè)對象的引用。范例:
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、從外到內(nèi)執(zhí)行appendChild。這時(shí)即使調(diào)用removeChild也無法釋放。范例:
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ù)重寫同一個(gè)屬性會造成內(nèi)存大量占用(但關(guān)閉IE后內(nèi)存會被釋放)。范例:
for(i = 0; i < 5000; i++) {
hostElement.text = "asdfasdfasdf";
}
這種方式相當(dāng)于定義了5000個(gè)屬性!
解決方法:
其實(shí)沒什么解決方法:P~~~就是編程的時(shí)候盡量避免出現(xiàn)這種情況咯~~
說明:
1、以上資料均來源于微軟官方的MSDN站點(diǎn),鏈接地址:
http://msdn.microsoft.com/librar ... e_leak_patterns.asp
大家可以到上面這個(gè)地址中看到詳細(xì)的說明,包括范例和圖例都有。只是我英文不太好,看不太懂,如果我上述有失誤或有需要補(bǔ)充的地方請大家指出。
2、對于第一條,事實(shí)上包括 element.onclick = funcRef 這種寫法也算在其中,因?yàn)檫@也是一個(gè)對對象的引用。在頁面onunload時(shí)應(yīng)該釋放掉。
3、對于第三條,在MSDN的英文說明中好像是說即使調(diào)用detachEvent也無法釋放內(nèi)存,因?yàn)樵赼ttachEvent的時(shí)候就已經(jīng)造成內(nèi)存“LEAK”了,不過detachEvent后情況還是會好一點(diǎn)。不知道是不是這樣,請英文好的親能夠指出。
4、在實(shí)際編程中,這些內(nèi)存問題的實(shí)際影響并不大,尤其是給客戶使用時(shí),客戶對此絕不會有察覺,然而這些問題對于程序員來說卻始終是個(gè)心病 --- 有這樣的BUG心里總會覺得不舒服吧?能解決則給與解決,這樣是最好的。事實(shí)上我在webfx.eae.net這樣頂級的JS源碼站點(diǎn)中,在它們的源碼里都會看到采用上述解決方式進(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ù)
- js內(nèi)存泄露的幾種情況詳細(xì)探討
- 跟我學(xué)習(xí)javascript的垃圾回收機(jī)制與內(nèi)存管理
- js 內(nèi)存釋放問題
- JavaScript也談內(nèi)存優(yōu)化
- 解決js函數(shù)閉包內(nèi)存泄露問題的辦法
- 理解Javascript_01_理解內(nèi)存分配原理分析
- 容易造成JavaScript內(nèi)存泄露幾個(gè)方面
- js變量、作用域及內(nèi)存詳解
- Javascript 閉包引起的IE內(nèi)存泄露分析
- 深入理解JavaScript程序中內(nèi)存泄漏
- 詳解Nodejs內(nèi)存治理
- javascript 內(nèi)存模型實(shí)例詳解
相關(guān)文章
微信小程序onLaunch異步,首頁onLoad先執(zhí)行?
這篇文章主要介紹了微信小程序onLaunch異步,首頁onLoad先執(zhí)行? 文章底部給大家介紹了小程序_onLaunch異步回調(diào)數(shù)據(jù)加載問題的兩種解決方案,需要的朋友可以參考下2018-09-09javascript事件函數(shù)中獲得事件源的兩種不錯方法
許多情況我們需要獲得事件源對象來對其屬性進(jìn)行更改,在事件響應(yīng)函數(shù)中獲得事件源的方法有如下兩種2014-03-03JavaScript中Require調(diào)用js的實(shí)例分享
下面小編就為大家?guī)硪黄狫avaScript中Require調(diào)用js的實(shí)例分享。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10前端接口報(bào)錯Required?request?body?is?missing解決辦法
這篇文章主要給大家介紹了關(guān)于前端接口報(bào)錯Required?request?body?is?missing的解決辦法,文中通過代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-12-12javascript 拖放效果實(shí)現(xiàn)代碼
JavaScript擅長于修改頁面中的DOM元素,但是我們使用JavaScript通常只是實(shí)現(xiàn)一些簡單功能,例如實(shí)現(xiàn)圖片的翻轉(zhuǎn),網(wǎng)頁中的標(biāo)簽頁,等等。這篇文章將向你展示如何在頁面中,對創(chuàng)建的元素實(shí)現(xiàn)拖放。2010-01-01bootstrap select2插件用ajax來獲取和顯示數(shù)據(jù)的實(shí)例
今天小編就為大家分享一篇bootstrap select2插件用ajax來獲取和顯示數(shù)據(jù)的實(shí)例,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08jQuery實(shí)現(xiàn)動態(tài)添加、刪除按鈕及input輸入框的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)動態(tài)添加、刪除按鈕及input輸入框的方法,涉及jQuery事件響應(yīng)及頁面元素動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-04-04js實(shí)現(xiàn)簡單的選項(xiàng)卡效果
本文主要介紹了js實(shí)現(xiàn)簡單的選項(xiàng)卡效果的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02