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

开发 前端
这里和大家分享一下IE JS编程需注意的内存释放问题,这里从五个方面来向大家描述,相信本文介绍一定会让你有所收获。

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

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

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

1、给DOM对象添加的属性是一个对象的引用。

范例: 

  1. varMyObject={};  
  2. document.getElementById('myDiv').myProp=MyObject;  

解决方法:
在window.onunload事件中写上:document.getElementById('myDiv').myProp=null;

2、DOM对象与JS对象相互引用。

范例: 

  1. functionEncapsulator(element){  
  2. this.elementReference=element;  
  3. element.myProp=this;  
  4. }  
  5. newEncapsulator(document.getElementById('myDiv')); 

解决方法:
在onunload事件中写上:document.getElementById('myDiv').myProp=null;

3、给DOM对象用attachEvent绑定事件。

范例: 

  1. functiondoClick(){}  
  2. element.attachEvent("onclick",doClick); 

解决方法:
在onunload事件中写上:element.detachEvent('onclick',doClick);

4、从外到内执行appendChild。这时即使调用removeChild也无法释放。

范例: 

  1. varparentDiv=document.createElement("div");  
  2. varchildDiv=document.createElement("div");  
  3. document.body.appendChild(parentDiv);  
  4. parentDiv.appendChild(childDiv); 

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

  1. varparentDiv=document.createElement("div");  
  2. varchildDiv=document.createElement("div");  
  3. parentDiv.appendChild(childDiv);  
  4. document.body.appendChild(parentDiv); 

5、反复重写同一个属性会造成内存大量占用(但关闭IE后内存会被释放)。

范例: 

  1. for(i=0;i<5000;i++){  
  2. 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()方法 

  1. System.gc=function()  
  2. {  
  3.   if(System.isIeBrowser())  
  4.   {  
  5.     CollectGarbage();  
  6.     setTimeout("CollectGarbage();",1);  
  7.   }  

CollectGarbage()是ie特有的一个释放内存函数

【编辑推荐】

  1. 巧解IE Javascript脚本失效问题
  2. 深入剖析JavaScript中split()方法的使用
  3. JavaScript数组元素删除问题解决方案
  4. Javascript操作img解决网站提交数据异常问题
  5. JavaScript调试工具解决IE6等多版本共存问题 
责任编辑:佚名 来源: jb51.net
相关推荐

2013-01-09 09:44:31

2009-06-10 09:18:56

2011-08-16 15:13:49

IOS编程内存

2011-06-03 22:30:27

2010-08-12 09:39:26

FlexaddChil

2010-06-01 10:37:15

SVN合并

2013-05-08 09:14:35

网络维护网吧网管

2010-06-10 17:02:40

UML建模

2009-06-10 22:03:40

JavaScript内IE内存泄漏

2010-06-04 14:42:25

2010-07-12 14:38:03

UML用例建模

2010-07-09 13:28:10

UML建模

2015-04-16 16:42:11

私有云云部署

2011-09-14 15:23:00

Android 2.2

2010-10-09 12:43:20

JSfirefox

2021-01-14 09:09:21

数据泄露密码身份验证

2010-05-26 09:33:21

启动SVN服务

2010-07-06 15:23:24

UML流程图

2013-04-07 11:31:05

云计算合同

2010-09-09 17:06:12

CSS
点赞
收藏

51CTO技术栈公众号