網站首頁 語言 會計 網際網路計算機 醫學 學歷 職場 文藝體育 範文
當前位置:學識谷 > 設計製作 > 網頁設計

Javascript 閉包引起IE記憶體洩露分析

欄目: 網頁設計 / 釋出於: / 人氣:2.73W

Javascript 閉包引起IE記憶體洩露分析

Javascript 閉包引起IE記憶體洩露分析

複製程式碼 程式碼如下:

function fors(){

obj_a = obj_b;

obj_ = obj_a;

}

複製程式碼 程式碼如下:

function fors(){

obj_b = {};

obj_ = obj_b;

}

上面是兩個個很顯示的迴圈引用,IE中產生了記憶體洩露,由於IE的記憶體回收機制,導至會長期佔用記憶體而不能釋放

但閉包的記憶體洩露,有些隱蔽。因為閉包的迴圈引用,是間接的.。

複製程式碼 程式碼如下:

function iememery(){

var js_obj = teElement("div");

js_ntextmenu = function(){ return false;}

}

從表面上看,沒有任何迴圈引用。但上面是一個閉包,根據閉包的特性,內部函式有權訪問外部函式的變數物件。所以當iememery()執行之後:

js_obj是一個DOM元素的引用,DOM元素它長期在網頁當中,不會消失,而這個DOM元素的一屬性oncontextmenu,又是內部的函式引用(閉包),而這個匿名函式又和js_obj之間有隱藏的關聯(作用域鏈)

所以形成了一個,迴圈引用.即:

js_ntextmenu 間接引用到 js_obj 也就是說,這個物件的一個屬性,又間接的引用了自己。

只要有迴圈引用,就會在IE下產生記憶體洩露。開啟你的windows工作管理員,在IE中不停重新整理含有這個程式碼的html頁面,看看Iexploer程序的記憶體佔用情況,一直上升,且不會自動回收(降低);

解決辦法:

複製程式碼 程式碼如下:

function iememery(){

var js_obj = teElement("div");

js_ntextmenu = function(){ return false;};js_ntextmenu = null;//加上這句,斷開引用 }

當IE中發生js物件與dom物件直接的迴圈引用,並且之後沒有引用指向他們,

如果是IE 6, 記憶體洩漏,直到關閉IE程序為止

如果是IE 7,記憶體洩漏, 直到離開當前頁面為止

如果是IE 8, GC回收器回收他們的記憶體,無論當前是不是compatibility模式。

之前的IE js引擎裡的GC回收器只能處理js物件,不能處理DOM物件。