IE,firefox内存溢出原因与解决方法

最新推荐文章于 2022-03-08 16:59:30 发布

转载最新推荐文章于 2022-03-08 16:59:30 发布 · 5.9k 阅读

文章标签：

#firefox #ie #function #leak #javascript #reference

DHTML 专栏收录该内容

132 篇文章

订阅专栏

本文探讨JavaScript中常见的内存泄漏问题，包括循环引用、闭包及事件处理等场景，并提供解决策略，如打破循环引用和合理利用闭包。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript 中的内存泄漏
JavaScript 是一种垃圾收集式语言，这就是说，内存是根据对象的创建分配给该对象的，并会在没有对该对象的引用时由浏览器收回。JavaScript 的垃圾收集机制本身并没有问题，但浏览器在为 DOM 对象分配和恢复内存的方式上却有些出入。
Internet Explorer 和 Mozilla Firefox 均使用引用计数来为 DOM 对象处理内存。在引用计数系统，每个所引用的对象都会保留一个计数，以获悉有多少对象正在引用它。如果计数为零，该对象就会被销毁，其占用的内存也会返回给堆。虽然这种解决方案总的来说还算有效，但在循环引用方面却存在一些盲点。

原因
1)循环引用导致了内存泄漏
<html> <body> <mce:script type="text/javascript"></mce:script> <div id="DivElement">Div Element</div> </body> </html>

2)由外部函数调用引起的内存泄漏
<html> <head> <mce:script type="text/javascript">JS-->DOM element.expandoProperty = this; } function Leak() { //This code will leak new myFunction(document.getElementById("myDiv")); } // --></mce:script> </head> <body onload="Leak()"> <div id="myDiv"></div> </body> </html>

3)闭包引起的内存泄漏

4)由事件处理引起的内存泄漏模式

解决方法
1)打破循环引用

2)添加另一个闭包
<html> <body> <mce:script type="text/javascript"></mce:script> <button id="element">"Click Here"</button> </body> </html>

3)避免闭包自身
<html> <head> <mce:script type="text/javascript"></mce:script> </head> <body> <button id="element">"Click Here"</button> </body> </html>

4)考虑用CollectGarbage()
jcl.MemFree = function(Mem){ Mem = null; CollectGarbage(); };

检测软件
sIEve: 他是基于ie的内存泄露检测工具，需要下载运行，http://home.wanadoo.nl/jsrosman/
Leak Monitor: 他是基于firefox的内存泄露检测工具，https://addons.mozilla.org/firefox/2490/

个人建议
内存回收机制本身有问题，所以开发人员开发的时候尽量减少内存溢出。不要盲目的追求完美！