什么是內存泄露？

內存泄露是指一塊被分配的內存既不能使用，又不能回收，直到瀏覽器進程結束。在C++中，因為是手動管理內存，內存泄露是經常出現的事情。而現在流行的C#和Java等語言采用了自動垃圾回收方法管理內存，正常使用的情況下幾乎不會發生內存泄露。瀏覽器中也是采用自動垃圾回收方法管理內存，但由于瀏覽器垃圾回收方法有bug，會產生內存泄露。

常見內存泄露的幾種情況

1.循環引用
2.Javascript閉包
3.DOM插入

一個DOM對象被一個Javascript對象引用，與此同時又引用同一個或其它的Javascript對象，這個DOM對象可能會引發內存泄漏。這個DOM對象的引用將不會在腳本停止的時候被垃圾回收器回收。要想破壞循環引用，引用DOM元素的對象或DOM對象的引用需要被賦值為null。

其實絕大部分內存泄漏都不是由Javascript引起的，瀏覽器的回收機制已經做的相當好了，多數的泄漏都是由于與DOM交互而產生的。

含有DOM對象的循環引用將導致大部分當前主流瀏覽器內存泄露

第一種：多個對象循環引用

var a=new Object;
var b=new Object;

a.r=b;
b.r=a;

第二種：循環引用自己

var a=new Object;
a.r=a;

循環引用很常見且大部分情況下是無害的，但當參與循環引用的對象中有DOM對象或者ActiveX對象時，循環引用將導致內存泄露。

我們把例子中的任何一個new Object替換成document.getElementById或者document.createElement就會發生內存泄露了。

所以這里的總結：

  ?  JS的內存泄露，無怪乎就是從DOM中remove了元素，但是依然有變量或者對象引用了該DOM對象。然后內存中無法刪除。使得瀏覽器的內存占用居高不下。這種內存占用，隨著瀏覽器的刷新，會自動釋放。

  ?  而另外一種情況，就是循環引用，一個DOM對象和JS對象之間互相引用，這樣造成的情況更嚴重一些，即使刷新，內存也不會減少。這就是嚴格意義上說的內存泄露了。

所以在平時實際應用中, 我們經常需要給元素緩存一些數據，并且這些數據往往和DOM元素緊密相關。由于DOM元素(節點)也是對象, 所以我們可以直接擴展DOM元素的屬性，但是如果給DOM元素添加自定義的屬性和過多的數據可能會引起內存泄漏，所以應該要盡量避免這樣做。 因此更好的解決方法是使用一種低耦合的方式讓DOM和緩存數據能夠聯系起來。

所以我們必須有一種機制，避免引用數據直接依附在DOM對象上，這樣盡量避免內存泄漏的產生。jQuery的緩存系統就很好的解決了這一問題。