即使删除了绑定的DOM元素后,内存中是否存在JavaScript事件处理程
发布时间：2020-12-14 21:49:33 所属栏目：资源 来源：网络整理
导读：给出以下代码 div id="app" div id="foo" //divscript $('#foo').bind('click',function(){});/script 我打算更换#app的内容[例如$(‘#app’)。html(‘…’)或innerHTML =’…’;]。我知道我可以使用jQuery的.remove()调用一个解除绑定事件的“destroy”处理
|
给出以下代码
<div id="app">
<div id="foo" />
</div>
<script>
$('#foo').bind('click',function(){});
</script>
我打算更换#app的内容[例如$(‘#app’)。html(‘…’)或innerHTML =’…’;]。我知道我可以使用jQuery的.remove()调用一个解除绑定事件的“destroy”处理程序。事实上，有一个破坏处理程序设置为删除事件导致我相信，在不解除事件的情况下，当DOM元素被删除时，处理程序将仍然存在于内存中。 那么，如果DOM元素#foo不再存在，处理程序是否也会消失，还是在浏览器内存中丢失？ 解决方法
jQuery跟踪事件处理程序本身，这是为什么需要使用unbind(现在是
off)的一部分，如果您从DOM中删除元素不是通过jQuery方法(如果您使用jQuery的空或删除，如您所提到的它在内部处理这个)。这是jQuery知道它可以释放其对处理程序的引用。
如果不是这样，那么在理论上，你不必做任何事情，因为一旦DOM元素从内存中删除，它不再可以访问，所以在理论上不应该将事件处理程序保留在内存中。那就是理论。现实是非常不同的，它可以很容易地结束一个情况(特别是IE)，其中DOM元素和事件处理程序都不能被清理，因为它们都导致另外一个问题 – 一个内存泄漏。 JavaScript没有循环引用的问题(只要别的都指向它们，它就可以理解它们并且可以释放两个指向对方的东西)，但浏览器的DOM部分可能用不同的语言编写，一个不同的垃圾收集机制(IE使用COM，它使用引用计数而不是可达性)。 jQuery可以帮助你避免IE的这个陷阱(为什么它跟踪事件处理程序的一部分)，但是你必须使用unbind(现在关闭)(或通过空，删除等)删除元素)。 带走的消息：当你挂钩的时候，你会脱钩。 :-)(和/或在删除元素时使用jQuery，因为它会处理这个。) 有点相关：如果你添加和删除元素很多，你可能会看看事件委托(哪个jQuery通过 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |