0

0

JavaScript 闭包都会内存泄露吗?

php中文网

php中文网

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

|

1354人浏览过

|

来源于php中文网

原创

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

万兴爱画
万兴爱画

万兴爱画AI绘画生成工具

下载

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

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

14

2026.01.30

c++ 字符串格式化
c++ 字符串格式化

本专题整合了c++字符串格式化用法、输出技巧、实践等等内容,阅读专题下面的文章了解更多详细内容。

9

2026.01.30

java 字符串格式化
java 字符串格式化

本专题整合了java如何进行字符串格式化相关教程、使用解析、方法详解等等内容。阅读专题下面的文章了解更多详细教程。

12

2026.01.30

python 字符串格式化
python 字符串格式化

本专题整合了python字符串格式化教程、实践、方法、进阶等等相关内容,阅读专题下面的文章了解更多详细操作。

4

2026.01.30

java入门学习合集
java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

20

2026.01.29

java配置环境变量教程合集
java配置环境变量教程合集

本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容,阅读专题下面的文章了解更多详细操作。

18

2026.01.29

java成品学习网站推荐大全
java成品学习网站推荐大全

本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容,阅读专题下面的文章了解更多详细推荐内容。

19

2026.01.29

Java字符串处理使用教程合集
Java字符串处理使用教程合集

本专题整合了Java字符串截取、处理、使用、实战等等教程内容,阅读专题下面的文章了解详细操作教程。

3

2026.01.29

Java空对象相关教程合集
Java空对象相关教程合集

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

6

2026.01.29

热门下载

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

精品课程

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

共4课时 | 0.4万人学习

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

共22课时 | 1.5万人学习

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

共162课时 | 19.1万人学习

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

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