如果删除了DOM元素,它的侦听器也会从内存中删除吗?
纯JavaScript
如果删除的DOM元素是无引用的(没有指向它的引用),则是垃圾收集器以及与之关联的任何事件处理程序/侦听器都会拾取该元素本身。
var a = document.createElement('div'); var b = document.createElement('p'); // Add event listeners to b etc... a.appendChild(b); a.removeChild(b); b = null; // A reference to 'b' no longer exists // Therefore the element and any event listeners attached to it are removed.
然而; 如果仍然有引用指向该元素,则该元素及其事件侦听器将保留在内存中。
var a = document.createElement('div'); var b = document.createElement('p'); // Add event listeners to b etc... a.appendChild(b); a.removeChild(b); // A reference to 'b' still exists // Therefore the element and any associated event listeners are still retained.
jQuery
假设jQuery中的相关方法(例如remove())将以完全相同的方式起作用(考虑remove()是使用removeChild()示例编写的),这是公平的。
remove()
removeChild()
但是, 这不是真的 ;jQuery库实际上有一个内部方法(该方法未公开,理论上可以随时更改),称为cleanData()此方法看起来像这样,该方法会在从DOM中删除后自动清除与元素关联的所有数据/事件(通过是这样。remove(),empty(),html("")等等)。
cleanData()
empty()
html("")
已知较旧的浏览器(尤其是IE的较旧版本)会出现内存泄漏问题,这是因为事件侦听器保留了对其所附加元素的引用。