循环引用、内存管理

Question

这段代码跟循环引用存在关联吗？现代浏览器中，在不需要继续监听click的时候，还需要调用removeEventListener吗？

var element = document.getElementById('button');
function onClick(event) {
    element.innerHTML = 'text';
}
element.addEventListener('click', onClick);

Answer 1

1.循环引用的情况很多，但你这个不是。循环引用的情况可参考：Circular Reference in JavaScript
2.如果你有销毁时机，一定要记得主动removeEventListener。通常来说绑定事件的DOM销毁后，事件监听也会被销毁。但不同浏览器，比如手机浏览器，不同的内存回收机制，可能带来的结果会有所区别。为了避免不必要的麻烦，能主动销毁就主动销毁。