JS 記憶體存放與釋放

JavaScript 引擎具有記憶體回收的機制，會釋放不再使用的變數記憶體，基本概念為：「沒有任何的參考指向它」時則會釋放記憶體。

首先先創建一個產生大量字串的函式

function rendomString(length) {
  var result = "";
  var characters =
    "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
  var charactersLength = characters.length;
  for (var i = 0; i < length; i++) {
    result += characters.charAt(Math.floor(Math.random() * charactersLength));
  }
  return result;
}

範例一：使變數維持可參考的狀態（不會釋放記憶體）

定義一個全域變數 getData，此變數會持續維持可被參考的狀態。

var getData = [];
function test_memory() {
  for (var i = 0; i < 1000; i++) {
    getData.push(rendomString(5000));
  }
}

test_memory();
console.log(getData);

可以到瀏覽器 F12 的記憶體，點選拍攝堆積快照，可以看到記憶體容量為 6.4MB

範例二：使變數無法再次被參考（執行後釋放記憶體）

將變數限制在函式作用域，使變數無法再被外部參考，執行後就會釋放記憶體。

改成以下寫法

function test_memory() {
  var getData = [];
  for (var i = 0; i < 1000; i++) {
    getData.push(rendomString(5000));
  }
  console.log(getData);
}

test_memory();