首頁 > web前端 > js教程 > 怎樣處理JS在IE9之前版本中內存洩露

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

php中世界最好的语言
發布: 2018-06-01 17:24:51
原創
1300 人瀏覽過

這次帶給大家怎樣處理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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板