删除节点后的javascript事件处理程序

Question

如果我在javascript中的任何元素上添加事件处理程序

var link = document.createElement("a");

document.body.appendChild(link);


link.addEventListner("click",function(){

     alert("do something");

});

然后我删除链接

link.parrentNode.removeChild(link);

然后我附加到链接的事件将被删除或将保留在内存中（有点混淆事件存储在内存中多长时间）或者我应该首先删除事件处理程序然后我删除链接节点。

Answer 1

几乎所有浏览器都会在调用垃圾收集器时从内存中删除事件处理程序。 但是，IE6及更低版本有一个已知错误，可能导致事件处理程序不被垃圾回收，导致页面泄漏内存。

过去在删除元素之前清理事件处理程序曾经被认为是一种很好的做法（事实上，像YUI和JQuery这样的库具有此功能）。 但是现在我说如果你关心IE6，我只会担心这个问题。

---

注意：如果你想知道这个bug。 这是因为IE的垃圾收集器无法处理循环引用（如果涉及DOM）（在较旧的IE上，即使它不涉及DOM，也无法处理循环引用）。

例如，如果你有这样的代码：

myDiv.onclick = function () { myDiv.style.backgroundColor = 'red' }
//                               ^
//                               |
//                     circular reference

那么IE6及以下版本无法释放事件处理程序。 但是如果你的事件处理程序没有包含任何循环引用回到它附加的DOM对象，那么IE将垃圾收集它。

Answer 2

在javascript函数表达式（在您的情况下，事件绑定）分配一个对象，因此消耗内存。 您应该正确删除或处理它。 查看此链接，详细说明内存管理。

Js内存管理

检查垃圾收集部分。