首頁  >  文章  >  web前端  >  總結JavaScript在IE9之前版本中記憶體外洩問題

總結JavaScript在IE9之前版本中記憶體外洩問題

青灯夜游
青灯夜游轉載
2018-10-09 14:38:171949瀏覽

這篇文章為大家總結了JavaScript在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物件的引用,順利地減少其引用數,確保正常回收其佔用的記憶體」

總結:以上就是本篇的全部內容,希望能對大家的學習有所幫助。更多相關教學請造訪JavaScript影片教學

相關推薦:

php公益培訓影片教學

#JavaScript圖文教學

JavaScript線上手冊

以上是總結JavaScript在IE9之前版本中記憶體外洩問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:jb51.net。如有侵權,請聯絡admin@php.cn刪除