专家提醒IE下JS编程中需注意内存释放问题

本文和大家重点讨论一下IE JS编程需注意的内存释放问题，在IE下的JS编程中，以下的编程方式都会造成即使关闭IE也无法释放内存的问题，下面分类给出。

创新互联是一家专注于成都网站设计、做网站与策划设计,铜官网站建设哪家好?创新互联做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:铜官等地区。铜官做网站价格咨询:13518219792

IE JS编程需注意的内存释放问题

在IE下的JS编程中，以下的编程方式都会造成即使关闭IE也无法释放内存的问题，下面分类给出。

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、从外到内执行appendChild。这时即使调用removeChild也无法释放。

范例：

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

解决方法：
从内到外执行appendChild:

 
 
 
  
  
  varparentDiv=document.createElement("div");  
  
  
  varchildDiv=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特有的一个释放内存函数

【编辑推荐】

巧解IE Javascript脚本失效问题
深入剖析JavaScript中split()方法的使用
JavaScript数组元素删除问题解决方案
Javascript操作img解决网站提交数据异常问题
JavaScript调试工具解决IE6等多版本共存问题

名称栏目：专家提醒IE下JS编程中需注意内存释放问题
URL链接：http://www.hantingmc.com/qtweb/news10/235910.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容