javascript内存泄露

内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。

1、给DOM对象添加的属性是一个对象的引用。范例： 
var MyObject = {}; 
document.getElementById('myDiv').myProp = MyObject; 
解决方法： 
在window.onunload事件中写上: document.getElementById('myDiv').myProp = null; 


2、DOM对象与JS对象相互引用。范例： 
function Encapsulator(element) { 
this.elementReference = element; 
element.myProp = this; 
} 
new Encapsulator(document.getElementById('myDiv')); 
解决方法： 
在onunload事件中写上: document.getElementById('myDiv').myProp = null; 


3、给DOM对象用attachEvent绑定事件。范例： 
function doClick() {} 
element.attachEvent("onclick", doClick); 
解决方法： 
在onunload事件中写上: element.detachEvent('onclick', doClick); 


4、从外到内执行appendChild。这时即使调用removeChild也无法释放。范例： 
var parentDiv = document.createElement("div"); 
var childDiv = document.createElement("div"); 
document.body.appendChild(parentDiv); 
parentDiv.appendChild(childDiv); 
解决方法： 
从内到外执行appendChild: 
var parentDiv = document.createElement("div"); 
var childDiv = document.createElement("div"); 
parentDiv.appendChild(childDiv); 
document.body.appendChild(parentDiv); 


5、反复重写同一个属性会造成内存大量占用(但关闭IE后内存会被释放)。范例： 
for(i = 0; i < 5000; i++) { 
hostElement.text = "asdfasdfasdf"; 
} 
这种方式相当于定义了5000个属性！ 
解决方法： 

其实没什么解决方法:P~~~就是编程的时候尽量避免出现这种情况咯~~ 

理解：在如今网站规模越来越大，Ajax运用越来越多，用户体验要求越来越高的情况下，可能很频繁的Js程序员需要做的事情就是在某个DOM元素例如Div里添加很多Html代码，用innerHTML赋值进去，然后用户触发某事件后又整个替换掉innerHTML，那么被替换以前的Html代码很可能带有这样的环状结构，导致页面只要不刷新，内存就会一直泄露着越来越严重，直到吃光机器内存。所以，亲们也该注意注意注意这方面的问题了！

原文出处：http://www.cnblogs.com/carekee/articles/1733847.html