網頁設計

當前位置 /首頁/設計製作/網頁設計/列表

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

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物件。