Javascript 闭包引起的IE内存泄露分析
更新时间：2012年05月23日 17:08:32 作者：
Javascript 闭包引起的IE内存泄露分析，js_obj是一个DOM元素的引用，DOM元素它长期在网页当中，不会消失，而这个DOM元素的一属性
复制代码 代码如下:
function fors(){
obj_a = obj_b;
obj_b.attr = obj_a;
}
复制代码 代码如下:
function fors(){
obj_b = {};
obj_b.attr = obj_b;
}
上面是两个个很显示的循环引用，IE中产生了内存泄露，由于IE的内存回收机制，导至会长期占用内存而不能释放。
但闭包的内存泄露，有些隐蔽。因为闭包的循环引用,是间接的。
复制代码 代码如下:
function iememery(){
var js_obj = document.createElement("div");
js_obj.oncontextmenu = function(){ return false;}
}
<body onload="iememery()">
从表面上看，没有任何循环引用。但上面是一个闭包，根据闭包的特性，内部函数有权访问外部函数的变量对象。所以当iememery()执行之后:
js_obj是一个DOM元素的引用，DOM元素它长期在网页当中，不会消失，而这个DOM元素的一属性oncontextmenu，又是内部的函数引用（闭包），而这个匿名函数又和js_obj之间有隐藏的关联（作用域链）
所以形成了一个，循环引用.即：
js_obj.oncontextmenu 间接引用到 js_obj 也就是说，这个对象的一个属性，又间接的引用了自己。
只要有循环引用,就会在IE下产生内存泄露。打开你的windows任务管理器，在IE中不停刷新含有这个代码的html页面，看看Iexploer进程的内存占用情况，一直上升，且不会自动回收（降低）；
解决办法：
复制代码 代码如下:
function iememery(){
var js_obj = document.createElement("div");
js_obj.oncontextmenu = function(){ return false;}; js_obj.oncontextmenu = null;//加上这句，断开引用 }
当IE中发生js对象与dom对象直接的循环引用，并且之后没有引用指向他们，
如果是IE 6, 内存泄漏，直到关闭IE进程为止
如果是IE 7，内存泄漏， 直到离开当前页面为止
如果是IE 8， GC回收器回收他们的内存，无论当前是不是compatibility模式。
之前的IE js引擎里的GC回收器只能处理js对象，不能处理DOM对象。
相关文章
这篇文章主要为大家详细介绍了Bootstrap创建可折叠组件的对应方法，以实例为大家分享了Bootstrap折叠组件，感兴趣的小伙伴们可以参考一下2016-02-02
本文主要介绍了javascript中面向对象的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
近期在做项目的时候,遇到了一些JS浮点数精度的问题,这个问题其实说大不大,说小不小,下面这篇文章主要给大家介绍了关于js运算精度丢失的2个解决方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了如何使用ReactHook和Context实现全局主题切换的功能,通过创建一个Context对象和一个ThemeProvider组件,可以将当前主题存储在Context中,并提供一个切换主题的方法,文中给出了详细的代码示例,需要的朋友可以参考下2025-03-03
原始值代表原始数据类型的值,也叫基本数据类型,包括 Number、Stirng、Boolean、Null、Underfined,下面这篇文章主要给大家介绍了关于JavaScript中原始值和引用值深入讲解的相关资料,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了JavaScript装饰者模式原理与用法,结合实例形式总结分析了JavaScript装饰者模式相关概念、功能、原理、用法及操作注意事项,需要的朋友可以参考下2020-03-03
Javascript注入技巧...2007-06-06
怎么用javascript进行拖拽2...2006-07-07
这篇文章主要介绍了javascript自动恢复文本框点击清除后的默认文本的实现方法，感兴趣的小伙伴们可以参考一下2016-01-01
本文主要介绍了js实现下拉菜单效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
最新评论