内存泄漏常见的原因有三种:
1. 闭包
2. 未解除事件绑定
3. 循环引用DOM元素
除此之外,还有一种泄漏原因少有人知,它和innerHTML有关,不过很容易解决。
出现这种内存泄漏需要有三个条件:
1. 内存中存在一个未加入DOM树的元素
2. 给这个元素设置innerHTML,注意,必须是能创建元素并且绑定了DOM 0级事件
3. 必须在这个元素加入DOM树前设置它的innerHTML
举个例子:
// 创建一个仅存在于内存中的元素 var el = document.createElement('div'); // 设置innerHTML el.innerHTML = '<a onclick = "testFn()">Test Link</a>'; // 加入DOM树 document.body.appendChild(el)
解决方法:先加入DOM树,再进行innerHtml操作。