技術標籤：js記憶體洩漏

什麼是記憶體洩漏？

程式的執行需要記憶體。只要程式提出要求，作業系統或者執行時（runtime）就必須供給記憶體。
對於持續執行的服務程序（daemon），必須及時釋放不再用到的記憶體。否則，記憶體佔用越來越高，輕則影響系統性能，重則導致程序崩潰。

簡單來說：
不再用到的記憶體，沒有及時釋放，就叫做記憶體洩漏（memory leak）。

js中的記憶體洩露

1.迴圈引用

一個很簡單的例子：一個DOM物件被一個Javascript物件引用，與此同時又引用同一個或其它的Javascript物件，這個DOM物件可能會引發記憶體洩露。這個DOM物件的引用將不會在指令碼停止的時候被垃圾回收器回收。要想破壞迴圈引用，引用DOM元素的物件或DOM物件的引用需要被賦值為null。

2.閉包

在閉包中引入閉包外部的變數時，當閉包結束時此物件無法被垃圾回收（GC）。

var a = function() {
  var largeStr = new Array(1000000).join('x');
  return function() {
    return largeStr;
  }
}();

3. DOM洩露

當原有的COM被移除時，子結點引用沒有被移除則無法回收。

var select = document.querySelector;
var treeRef = select('#tree');
 
//在COM樹中leafRef是treeFre的一個子結點
var
 
 leafRef = select('#leaf'); 
var body = select('body');
 
body.removeChild(treeRef);
 
//#tree不能被回收入，因為treeRef還在
//解決方法:
treeRef = null;
 
//tree還不能被回收，因為葉子結果leafRef還在
leafRef = null;
 
//現在#tree可以被釋放了。

4. Timers計（定）時器洩露

定時器也是常見產生記憶體洩露的地方

for (var i = 0; i < 90000; i++) {
  var buggyObject = {
    callAgain:
 
 function() {
      var ref = this;
      var val = setTimeout(function() {
        ref.callAgain();
      }, 90000);
    }
  }
 
  buggyObject.callAgain();
  //雖然你想回收但是timer還在
  buggyObject = null;
}