内存泄漏

 

1.全局变量引起的内存泄露

function foo() {
	name = 123;  // name成为一个全局变量，不会被回收
    // 相当于 window.name = 123;
}

function bar() {
	this.age = 34; // 相当于window.age = 34;
}
bar();

2.闭包引起的内存泄露

var foo = (function() {
	var age= 25; // 被闭包引用，不会被回收
    return function() {
    	console.log(score);
    }
})();

3.DOM被删除或者被清空时，时间未清除导致的内存泄漏

$('#foo').on('click', function() {
	console.log(1);
}).remove();

// 解决方法
$('#foo').on('click', function() {
	console.log(1);
}).off('click').remove();

// 原始解法
var foo = document.getElementById('foo');
foo.onclick = function() {
	console.log(1);
    foo.onclick = null;
}

// 采用事件委托
document.onclick = function(event) {
	event = event || window.event;
    if(event.target.id == 'foo') {
    	console.log(1);
    }
}

4.被遗忘的计时器或者回调函数

var someResource = getData();
setInterval(function() {
    var node = document.getElementById('Node');
    if(node) {
        // Do stuff with node and someResource.
        node.innerHTML = JSON.stringify(someResource));
    }
}, 1000);

计时器使得节点或数据的引用不再被需要了。如果间隔处理不能被回收，它的依赖也不能被回收。那意味着可能存储着大量数据的someResource，也不能被回收。