欢迎来到Jeremy的博客

 

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,也不能被回收。

 
 
posted on 2018-08-13 17:34  jeremy_o  阅读(227)  评论(0编辑  收藏  举报