javascript - 为什么这段 js 代码出现内存泄露-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 为什么这段 js 代码出现内存泄露

ringa_lee 2017-04-10 12:47:46

[JavaScript讨论组]

1262

function attachEvents() {  
    var element = document.getElementById("myID");  
    element.onclick = function() {  
        alert("Element clicked");  
    }  
};  
attachEvents();

ringa_lee

全部回复(4)

大家讲道理2017-04-10 12:49:46 4楼

好久没有研究内存泄漏的课题了。姑且猜猜吧。

attachEvents 原本是一次性执行结束的，但其中包含了一个匿名的函数——那个监听器，结果它就被这个监听器“绑架”了（不能安心地驾鹤西去）。

而监听器又被绑定给了element对应的DOM对象。DOM对象只要还在网页中，那么就一直有效。

但我不太清楚：

element变量真的没有被自动回收？它指向了DOM对象后就完成使命了啊。
这种程度的“内存泄漏”有多大危害？
另外，是不是所有浏览器的GC都对此束手无策？

赞 +0

添加回复

天蓬老师2017-04-10 12:49:46 3楼

内存泄漏是closure的原因造成的。闭包是由函数和构建函数的环境所组成的。按理说，函数运行完成后，内部变量会被销毁。但是看这段代码，attachEvent函数内部返回了click函数，构造了一个闭包，这就导致了element变量会被onclick函数所引用。因此javascript垃圾回收器并不会回收element变量。除了element＝null的方法外，还可以把函数写在外面来避免。

function attachEvent() 
{ 
    var obj = document.getElementById("XXX"); 
    obj.onclick=onclickHandler; 
} 
function onclickHandler(){ 
    //do something 
}

赞 +0

添加回复