0

0

JavaScript 闭包都会内存泄露吗?

php中文网

php中文网

发布时间:2016-06-06 16:24:33

|

1354人浏览过

|

来源于php中文网

原创

最近看了一些 JavaScript 的内存泄露问题,看似没问题的代码原来存在内存泄露,而且部分还不知道怎么回事,比如:

Replit Ghostwrite
Replit Ghostwrite

一种基于 ML 的工具,可提供代码完成、生成、转换和编辑器内搜索功能。

下载

function (element,a,b){
	element.onclick = function(){
		//TODO a b here
	}
}

回复内容:

这个不叫「内存泄漏」。

这个代码运行之后,只要 element 不再被引用,a、b 也会被回收。题主的意图估计是希望 a、b 的生命周期比 element 短。那是你的设计错误。因为你把 element 的一个 event-handler 设计成依赖于 a、b,那 a、b 当然就要和 element 共生死了。题主给的这个逻辑用不用闭包都会有这个问题。如果硬要释放 a、b,那就是 release before use,会造成 null-dereference error。 很多资料都过时了,内存泄露这个点在js圈子里更多的是惯性而不是实际影响。一般情况下,不用担心那么多,浏览器有自己的垃圾回收机制,只要你不作死把所有不再需要的资源都放到某个永远不会释放的数组什么的里面就好。遇到具体的内存泄露问题再具体解决。
var test_obj = {
    closure_fn: function () {
        var that = this;
        var val = setTimeout(function () { 
            console.log('Rambo!'); 
            that.closure_fn();
        }, 1000);
    }
};
test_obj.closure_fn();
test_obj = null;
// 尝试之后,你会发现这他妈才是可怕的。

var test_obj_2 = {
    closure_fn: function () {
        var that = test_obj_2;
        var val = setTimeout(function () { 
            console.log('Rambo!'); 
            that ? that.closure_fn() : clearTimeout(val);
        }, 1000);
    }
};
我记得 @贺师俊 老师在ITEYE上有过一段关于这个的讨论。

首先,这是一个闭包。

题主贴的代码里之所以造成内存泄露是因为循环引用。一个闭包在创建时会附有三个属性:VO、thisValue、scope chain,而其中scope chain是指向外层parent scope的引用。

因此这个闭包实际上保存了外层函数中element的引用,而element本身又引用了闭包,循环引用因此而见。

但是我记得hax同时提到,因为循环引用导致的泄露实际上是IE浏览器引擎的bug而导致的,而如果element不是dom对象,不产生循环引用也就不会leak了。 这个不好说,有可能会泄露吧。。 我也有话说:
首先,IE9之前的版本因为对JScript对象和COM对象使用不同的垃圾收集机制,因此才有机会出现这个问题。再者,闭包的作用域链中保存着html元素,且包含循环引用。第三,取消循环引用并置空引用的html元素就可有效避免 仅供参考,未作过实验验证(附近确实找不到装IE6和IE7的机器了):

据微软称这是IE6在XP上特有的问题,照下面这篇最后更新日期为2011年10月的kb文章
A memory leak occurs in Internet Explorer 6 when you view a Web page that uses JScript scripting on a Windows XP-based computer
的说法,如果你的系统包含了这个更新:
support.microsoft.com/k
就没有这个问题了。 其实我很好奇的是,闭包,在什么情况下才会真的造成内存泄漏呢?
或许是我代码写少了,真的重来没有过内存泄漏的时候... 首先,题主问的闭包是否都会内存泄露,这个可以明确说不是。题主贴的代码产生了内存泄露是因为循环引用。低版本ie对这种循环引用的处理有bug,会造成内存泄露。
想要避免泄露,应该break circle。让element = null。这样handler就不持有dom的引用了。 内存泄漏和内存使用这两个概念搞清楚?

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

0

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

html编辑相关教程合集
html编辑相关教程合集

本专题整合了html编辑相关教程合集,阅读专题下面的文章了解更多详细内容。

56

2026.01.21

三角洲入口地址合集
三角洲入口地址合集

本专题整合了三角洲入口地址合集,阅读专题下面的文章了解更多详细内容。

51

2026.01.21

AO3中文版入口地址大全
AO3中文版入口地址大全

本专题整合了AO3中文版入口地址大全,阅读专题下面的的文章了解更多详细内容。

397

2026.01.21

妖精漫画入口地址合集
妖精漫画入口地址合集

本专题整合了妖精漫画入口地址合集,阅读专题下面的文章了解更多详细内容。

118

2026.01.21

java版本选择建议
java版本选择建议

本专题整合了java版本相关合集,阅读专题下面的文章了解更多详细内容。

3

2026.01.21

Java编译相关教程合集
Java编译相关教程合集

本专题整合了Java编译相关教程,阅读专题下面的文章了解更多详细内容。

16

2026.01.21

C++多线程相关合集
C++多线程相关合集

本专题整合了C++多线程相关教程,阅读专题下面的的文章了解更多详细内容。

11

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
前端系列快速入门课程
前端系列快速入门课程

共4课时 | 0.4万人学习

Vue.js Element UI---十天技能课堂
Vue.js Element UI---十天技能课堂

共22课时 | 1.5万人学习

前端基础到实战(HTML5+CSS3+ES6+NPM)
前端基础到实战(HTML5+CSS3+ES6+NPM)

共162课时 | 19万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号