在IE浏览器中,这段代码容易引起内存泄露,为什么?如何避免? 

function outerFunction() { var myElement = document.getElementById("div_id"); myElement.onclick = function() { this.innerHTML = "I'm a leak"}; }
2011-01-27 00:39:20

4 Answers

因为对myElement的引用被不小心地是在一个匿名的内嵌函数中。这就在javascript对象(这个内嵌函数)和本地对象之间(myElement)创建了一个循环引用。
那么对于这个问题,有很多种解决方法,最简单的一种如下:  

function outerFunction() { var myElement = document.getElementById("div_id"); myElement.onclick = function() { this.innerHTML = "I'm a leak"}; myElement = null; }

它通过打断循环引用来工作。

2011-01-27 04:29:04

一种打断被闭包引入的循环引用的窍门是添加另外一个闭包:  

function addHandler() { var clickHandler = function() { this.style.backgroundColor = 'red'; } (function() { var el = document.getElementById('el'); el.onclick = clickHandler; })(); }

内置函数被直接执行,并在clickHandler创建的闭包中隐藏了它的内容。

另外一种避免闭包的好方法是在window.onunload事件期间打断循环引用。很多事件库会为你做这件事情。注意这样做将使Firefox 1.5中的 bfcache不能工作。所以除非有其他必需的原因,否则你不应该在Firefox中注册一个unload的监听器。

2011-01-27 05:24:21

ie 垃圾回收机制采用引用计数,主要跟踪记录每个值被引用次数,声明一个变量并将一个引用类型赋值给该变量时,那么这个值的引用次数是1,如果同一个值又被赋给另一个变量,该值得引用次数加1,相反如果包含引用这个值的变量又被赋一新值,那么这个值得引用次数就减 1。当垃圾收集器下次运行的时候会将引用次数为 0 的值释放所占的内存(ie垃圾收集器是通过内存分配自动运行的),如果存在循环引用,那么这个值永远都不会被释放,因为引用次数永远都不为 0;

像你上边的代码,写了一个作为 myElement 元素闭包处理事件的程序,而这个闭包又创建了一个循环引用,由于匿名函数保存了一个 outerFunction() 活动对象的引用,所以无法减少 myElement 的引用次数。myElement的引用次数最少也是1,所以内存永远也不会释放,可能导致内存溢出。

你上边的代码可以简单的修改为:

  
function outerFunction() { var myElement = document.getElementById("div_id"); myElement.onclick = function() { this.innerHTML = "I'm a leak"}; myElement = null; //手工解除myElement 的引用 }

再补充一点上边提到的垃圾收集器的运行,ie6 :256 个变量,4096个对象(数组),字面量和数组元素(slot)或 64KB的字符串,达到以上任何一个临界值时,垃圾收集器就会运行。如果该脚本生命周期内一直存在上述几个临界值,那么垃圾回收器会频繁的工作,性能问题可想而知,如果值得引用次数永远不为 0 ,那么性能就更不言而喻了。存在这样的问题也使得ie7重写了垃圾回收机制的运行方式。

2011-01-27 07:39:01

IE 6造成内存泄露的最大原因是由于IE 6的垃圾回收机制对于javascript object内部,jscript使用的是mark-and-sweep(标记-清除)算法,而对于javascript object与外部object(包括native object和vbscript object等等)的引用时,IE 6使用的是计数器(引用计数)算法。

IE 6对于纯粹的Script Objects间的Circular References是可以正常处理,但它无法处理JScript与Native Object(例如Dom、ActiveX Object)之间的循环引用。所以,当我们出现Native对象(例如Dom、ActiveX Object)与Javascript对象间的循环引用时就会造成内存泄露。

这个就是IE 6造成内存泄露的主要原因

2011-01-27 02:15:17
您不能回答该问题或者回答已经关闭!

相关文章推荐

  • C#中using指令的几种用法

    using + 命名空间名字,这样可以在程序中直接用命令空间中的类型,而不必指定类型的详细命名空间,类似于Java的import,这个功能也是最常用的,几乎每个cs的程序都会用到

  • C#实例解析适配器设计模式

    将一个类的接口变成客户端所期待的另一种接口,从而使原本因接口不匹配而无法在一起工作的两个类能够一起工作

  • C#开发高性能Log Help类设计开发

    项目中要在操作数据库的异常处理中加入写Log日志,对于商业上有要求,写log时对其它操作尽可能影响小,不能因为加入log导致耗时太多

  • 使用托管C++粘合C#和C++代码(二)

    本文实现一下C++代码调用C#代码的过程。我构造一个简单并且直观的例子:通过C++ UI 触发C# UI.

  • Async和Await使异步编程更简单

    C#5.0中async和await两个关键字,这两个关键字简化了异步编程,之所以简化了,还是因为编译器给我们做了更多的工作

  • C#开发中的反射机制

    反射的定义:审查元数据并收集关于它的类型信息的能力。元数据(编译以后的最基本数据单元)就是一大堆的表,当编译程序集或者模块时,编译器会创建一个类定义表,一个字段定义表,和一个方法定义表等

  • C#运行时相互关系

    C#运行时相互关系,包括运行时类型、对象、线程栈和托管堆之间的相互关系,静态方法、实例方法和虚方法的区别等等

  • C#协变和逆变

    “协变”是指能够使用与原始指定的派生类型相比,派生程度更大的类型,“逆变”则是指能够使用派生程度更小的类型

  • C#基础概念之延迟加载

    延迟加载(lazy load)是Hibernate3关联关系对象默认的加载方式,延迟加载机制是为了避免一些无谓的性能开销而提出来的,所谓延迟加载就是当在真正需要数据的时候,才真正执行数据加载操作

  • C#中的索引器的简单理解和用法

    C#中的类成员可以是任意类型,包括数组和集合。当一个类包含了数组和集合成员时,索引器将大大简化对数组或集合成员的存取操作

  • 使用托管C++粘合C#和C++代码(一)

    C#在xml读写,数据库操纵,界面构造等很多方面性能卓越;C++的效率高,是底层开发的必备武器

  • 深入C# 序列化(Serialize)、反序列化(Deserialize)

    C#中的序列化和反序列化,序列化是.NET运行时环境用来支持用户定义类型的流化的机制