javascript記憶體管理詳細解析_基礎知識-js教程-PHP中文網

介紹

低層次的語言，如C，具有低階的記憶體管理指令，如：malloc()和free()，需要開發者手動釋放記憶體。然而像javascript這樣的高階語言情況則不同，物件（objects, strings 等）創建的時候分配內存，當他們不在使用的時候內存會被自動回收，這個自動回收的過程被稱為垃圾回收。因為垃圾回收的存在，讓javascript等高階語言開發者產生了一個錯誤的認識，以為可以不用關心記憶體管理。

記憶體生命週期

不管什麼樣的程式語言，記憶體的生命週期基本上是一致的。

1.分配你需要的記憶體

2.使用他進行讀寫操作

3.記憶體不需要的時候，釋放資源

步驟1和步驟2對所有語言都一樣，能明顯覺察到。至於步驟3，低階語言需要開發者明確執行。而對於像javascript這樣的高階語言，這部分操作是交給解析器完成的，所以你不會覺察到。

javascript中的分配操作

值的初始化

在為變數賦值的時候，javascript會完成記憶體的分配工作。

複製碼代碼如下:

var n = 123; // 為數字分配記憶體🎜>var s = "azerty"; // 為字串分配記憶體

var o = {
  a: 1,
  b: null
}; // 為包含屬性值的object物件分配記憶體

var a = [1, null, "abra"]; // 為包含值的陣列分配記憶體

function f(a){
  return a 2;
} // 為函數分配記憶體（函數是可呼叫的物件）

// 函數表達式同樣也是對象，存在分配記憶體的情況
someElement.addEventListener('click' , function(){
  someElement.style.backgroundColor = 'blue';
}, false);

透過函數呼叫完成分配

有些函數當執行完畢之後，同樣存在物件分配的情況發生。

複製程式碼

程式碼如下:

var d = new Date();

var d = new Date();var e = document.createElement('div'); // 指派一個DOM 元素有些方法會指派新值或物件。

複製代碼

 代碼如下:

var s = "azerty";

var s2 = s.substr(0, 3); // s2 是一個新的字串// 由於字串是不變的，javascript會為[0, 3]範圍的內容建立一個新的字串var a = ["ouais ouais", "nan nan"];var a2 = ["generation", "nan nan"];var a3 = a.concat(a2); // 把a 和a2 結合在一起，產生一個新的陣列
對值的使用

對值的使用，其實也就是對分配後的記憶體執行讀寫操作。這些操作包括：對變數或物件的屬性進行讀寫操作，或是向函數傳遞參數。

當不再需要的時候，釋放記憶體

絕大多數的記憶體管理問題都發生在這個階段。最難做的事情是，如何判定分配的記憶體不再需要。這往往需要開發者做出判定，程式在什麼時候不再需要內存，並釋放他所佔資源。

高階語言的解析器中嵌入了一個叫做「垃圾收集器」的程序，他的工作是用來追蹤記憶體的分配和使用，判定記憶體是否被需要，在不再需要的時候執行資源釋放操作。他只能得到一個近似值，因為判斷一個記憶體是否被需要，這是個不確定的問題（不能用一種演算法解決）。

垃圾回收

如上文所述，我們無法準確的做到自動判定「記憶體不再需要」。所以，垃圾回收對該問題的解決方案有其限制。本節將解釋必要的概念，以了解主要的垃圾收集演算法和它們的限制。

引用

垃圾回收中一個主要的概念是引用。在記憶體管理中，當一個物件無論是顯式的還是隱式的使用了另一個對象，我們就說他引用了另一個對象。例如，javascript物件存在一個隱式的指向原型的引用，還有明確指向他的屬性值的引用。

在這裡，物件的概念超越了javascript傳統意義上物件的概念，他還包括函數作用域和全域作用域。

使用引用計數演算法的垃圾回收

下面要介紹的是一種最理想化的演算法，引入了 “物件不再需要” 和 “沒有其他物件引用該物件” 的概念。當該物件的引用指標變成0的時候，就認為他可以被回收。

範例：

複製程式碼程式碼如下:

var o = { a: {
b:2
}
}; // 創造了兩個物件. 一個物件（a）被另一個物件（o引用的物件）引用，並且將a當作他的屬性
// 該物件又被變數o引用
// 很明顯，這時沒有物件能被回收

var o2 = o; // 變數o2 再次引用了該物件
o = 1; // o 不再引用該對象，只有o2還在引用該對象

var oa = o2.a; // oa引用o2 的屬性對象a
//該物件被其他兩個物件引用，分別是o2的屬性a和oa變數

o2 = "yo"; // 該物件已經不再被其他物件引用了，但是他的屬性a任然被oa變數引用，所以他還不能被釋放
oa = null; // 現在屬性a也不再被別的物件引用，該物件可以被回收了

限制：循環該演算法有其局限性，當一個對象引用另一個對象，當形成循環引用時，即時他們不再被需要了，垃圾收集器也不會回收他們。

複製程式碼程式碼如下:

function f(){


function f(){
> };
  var o2 = {};
  o.a = o2; // o 引用o2
  o2.a = o; // o2 引用o

  return "azerty";
}

f();
// 兩個物件被創建，並形成相互引用
// 函數呼叫結束之後，他們不會脫離函數作用域，雖然他們不會被使用，但不會被釋放

// 這是因為，引用計數的演算法判定只要物件存在被引用的情況，那麼就不能對其執行垃圾回收

現實中的例子

ie6、7中，在dom物件上使用引用計數的演算法，這裡會存在記憶體洩漏的問題。

複製程式碼

 程式碼如下:


var div = document.createElement("div"); 
div.onclick = function(){
  doSomething();
}; // div 透過click 屬性引用了事件處理程序

// 當事件處理函數中存取了div變數的時候，會形成循環引用，將導致兩個物件都不會被回收，造成記憶體外洩
タグ - アルゴリズムのクリア

彼は、「不要になったオブジェクト」と「到達不能なオブジェクト(オブジェクト到達不能)」という概念を導入しました。このアルゴリズムは、一連のルートオブジェクトが存在することを前提としています (JavaScript のルートオブジェクトはグローバルオブジェクトです)。ガベージコレクターはルートオブジェクトから開始し、参照するすべてのオブジェクトを走査し、次に、ルートオブジェクトを走査します。参照オブジェクトによって参照されるオブジェクトなど。このアプローチを使用すると、ガベージコレクターはアクセス可能なすべてのオブジェクトを取得し、アクセスできないオブジェクトを再利用できます。

このアルゴリズムは、0 によって参照されるオブジェクトがアクセス不可能なオブジェクトとして設定されると同時に、循環参照によって引き起こされる問題も回避します。

2012 年現在、ほとんどの最新ブラウザはこの「マークアンドスイープ」ガベージコレクターを使用しています。 JavaScript のガベージコレクション (世代別/増分/同時/並列ガベージコレクション) の分野は、ここ数年でそれに関連するアルゴリズムが改良されてきましたが、ガベージコレクションのアルゴリズムそのもの (マークスイープアルゴリズム) や「オブジェクトかどうかを判断する方法」は、はもう必要ありません」は改善されていません。

生理周期はもう問題ではありません

最初の例では、関数呼び出しが終了すると、これら 2 つのオブジェクトはグローバルオブジェクトによって参照されなくなり、グローバルオブジェクトによって参照されるオブジェクトからも参照されなくなります。したがって、これらは JavaScript ガベージコレクターによってアクセス不可能なオブジェクトとしてマークされます。 2 番目の例でも同じことが起こり、div とイベントハンドラーがガベージコレクターによってアクセス不能としてマークされると、それらは解放されます。

制限事項: オブジェクトは明示的にアクセス不可としてマークする必要があります

このマーキング方法には制限がありますが、プログラミングでこの方法に触れたことがないため、ガベージコレクション関連のコンテンツについてはほとんど気にしません。