js垃圾回收和記憶體洩漏

js垃圾回收

Js具有自動垃圾回收機制。垃圾收集器會按照固定的時間間隔週期性的執行。

1.標記清除（常用）
工作原理：是當變數進入環境時，將這個變數標記為“進入環境”。當變數離開環境時，則將其標記為“離開環境”。標記“離開環境”的就回收記憶體。
工作流程：
1.垃圾回收器在執行的時候會給儲存在記憶體中的所有變數都加上標記。
2.去掉環境中的變數以及被環境中的變數引用的變數的標記（閉包）。
3.依然被標記的會被視為準備刪除的變數。
4.垃圾回收器完成記憶體清除工作，銷燬那些帶標記的值並回收他們所佔用的記憶體空間。

2.引用計數
跟蹤記錄每個值被引用的次數
工作流程：
1.聲明瞭一個變數並將一個引用型別的值賦值給這個變數，這個引用型別值的引用次就是1。
2.同一個值又被賦值給另一個變數，這個引用型別值的引用次數加1.
3.當包含這個引用型別值的變數又被賦值成另一個值了，那麼這個引用型別值的引用次數減1.
4.當引用次數變成0時，說明沒辦法訪問這個值了。
5.當垃圾收集器下一次執行時，它就會釋放引用次數是0的值所佔的記憶體。

記憶體洩漏

使用了記憶體之後， 如果後面他們不會再被用到，但是還沒有及時釋放，這就叫做記憶體洩露（memory leak）。如果出現了記憶體洩露，那麼有可能使得記憶體越來越大，而導致瀏覽器崩潰。
引起記憶體洩漏的情況:

1. 意外的全域性變數引起的記憶體洩漏。

function foo(arg) {
    bar = "this is a hidden global variable"; // 沒有用var
  }


 function foo() {
    this.variable = "potential accidental global";
  }
  // 一般函式呼叫，this指向全域性
 

原因：全域性變數，不會被回收。

解決：使用嚴格模式避免，函式內使用var定義，塊內使用let、const。
2. 閉包引起的記憶體洩漏
原因：閉包可以維持函式內區域性變數，使其得不到釋放。

解決：將事件處理函式定義在外部，解除閉包,或者在定義事件處理函式的外部函式中，刪除對dom的引用。