JavaScript内存泄漏的情况

1、意外的全局变量。

JavaScript

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

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

JavaScript

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

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

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

JavaScript

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、被遗忘的计时器或回调函数。

JavaScript

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

以上就是JavaScript引发内存泄漏的情况，希望对大家有所帮助。

本文来自编程笔记：源码下载