怎樣處理JS在IE9之前版本中內存洩露

這次帶給大家怎樣處理JS在IE9之前版本中內存洩露，處理JS在IE9之前版本中內存洩露的注意事項有哪些，下面就是實戰案例，一起來看一下。

IE9先前的版本對JScript物件和COM物件使用不同的垃圾回收例程(COM物件採用「參考計數」收集策略)，因此閉包在IE的這些版本中會導致一些特殊問題。具體來說，如果閉包的作用域中保存著一個HTML元素，那麼就意味著該元素將無法被銷毀。
來看下面的範例：

function assignHandler() {
  var elem = document.getElementById('elem_id');
  elem.onclick = function(evt) {
    alert(elem.id);
  };
}

以上程式碼建立了一個作為elem元素事件處理程式的閉包，而這個閉包則又建立了一個循環參考。由於匿名函數保存了一個對assignHandler()的活動物件的引用，因此就會導致無法減少elem的引用數。只要匿名函數存在，elem的引用數至少也是1，因此它所佔用的記憶體就永遠不會被回收。

可以將上面的程式碼稍作修改一下就可以解決：

function assignHandler() {
  var elem = document.getElementById('elem_id');
  var elem_id = elem.id;
  elem.onclick = function(evt) {
    alert(elem_id);
  };
  elem = null;
}

透過把elem.id的一個副本保存在一個變數中，並且在閉包中引用該變數消除了循環引用。但僅僅做到這一步，還是無法解決記憶體外洩問題。

「閉包會引用包含函數的整個活動對象，而其中就包含著elem。即使閉包不直接引用elem，包含函數的活動對像中仍然會保存一個引用。因此，有必要把elem設為null。這樣就能解除對DOM物件的引用，順利地減少其引用數，確保正常回收其佔用的記憶體」

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

如何使用vue.extend實作alert模態框彈出視窗元件

如何使用vue彈窗訊息元件

以上是怎樣處理JS在IE9之前版本中內存洩露的詳細內容。更多資訊請關注PHP中文網其他相關文章！