完美世界,殿上欢

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

專家提醒IE下JS編程中需注意內(nèi)存釋放問題

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

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計、做網(wǎng)站與策劃設(shè)計,銅官網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:銅官等地區(qū)。銅官做網(wǎng)站價格咨詢:13518219792

IE JS編程需注意的內(nèi)存釋放問題

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

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、從外到內(nèi)執(zhí)行appendChild。這時即使調(diào)用removeChild也無法釋放。

范例：

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

解決方法：
從內(nèi)到外執(zhí)行appendChild:

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

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

范例：

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

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

說明：

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

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

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

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

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

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

CollectGarbage()是ie特有的一個釋放內(nèi)存函數(shù)

【編輯推薦】

巧解IE Javascript腳本失效問題
深入剖析JavaScript中split()方法的使用
JavaScript數(shù)組元素刪除問題解決方案
Javascript操作img解決網(wǎng)站提交數(shù)據(jù)異常問題
JavaScript調(diào)試工具解決IE6等多版本共存問題

新聞名稱：專家提醒IE下JS編程中需注意內(nèi)存釋放問題
文章分享：http://m.fisionsoft.com.cn/article/dpgecjs.html

新聞中心

其他資訊