加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

在IE下的JS编程得注意的内存释放问题

发布时间:2023-05-09 13:36:53 所属栏目:教程 来源:
导读:在ie下的js编程中,以下的编程方式都会造成即使关闭ie也无法释放内存的问题,下面分类给出:

1、给dom对象添加的属性是一个对象的引用。范例:

var myobject = {};

document.getelementbyid('mydiv&
在ie下的js编程中,以下的编程方式都会造成即使关闭ie也无法释放内存的问题,下面分类给出:
 
1、给dom对象添加的属性是一个对象的引用。范例:
 
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、从外到内执行appendchild。这时即使调用removechild也无法释放。范例:
 
var parentdiv =  document.createelement("div");
 
var childdiv = document.createelement("div");
 
document.body.appendchild(parentdiv);
 
parentdiv.appendchild(childdiv);
 
解决方法:
 
从内到外执行appendchild:
 
var parentdiv =  document.createelement("div");
 
var childdiv = 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源码站点中,在它们的源码里都会看到采用上述解决方式进行内存的释放管理。
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!