JavaScript内存泄漏的情况

1、意外的全局变量。

function foo(arg) {
    bar = "this is a hidden global variable";
}

2、闭包。闭包可以维持函数内局部变量，使其得不到释放。

function bindEvent(){
  var obj=document.createElement('xxx')
  obj.onclick=function(){
    // Even if it is a empty function
  }
}

上例定义事件回调时，由于是函数内定义函数，并且内部函数--事件回调引用外部函数，形成了闭包。

3、没有清理的DOM元素引用。

var elements = {
    button: document.getElementById('button'),
    image: document.getElementById('image'),
    text: document.getElementById('text')
};
function doStuff() {
    image.src = 'http://some.url/image';
    button.click();
    console.log(text.innerHTML);
}
function removeButton() {
    document.body.removeChild(document.getElementById('button'));
    // 此时，仍旧存在一个全局的 #button 的引用
    // elements 字典。button 元素仍旧在内存中，不能被 GC 回收。
}

4、被遗忘的计时器或回调函数。

var someResource = getData();
setInterval(function() {
    var node = document.getElementById('Node');
    if(node) {
        // 处理 node 和 someResource
        node.innerHTML = JSON.stringify(someResource));
    }
}, 1000);

以上就是JavaScript引发内存泄漏的情况，希望对大家有所帮助。更多Javascript学习指路：

推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。