国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

詳談JavaScript內存泄漏

2024-05-06 16:10:38
字體:
來源:轉載
供稿:網友
文章從什么是閉包、以及閉包所涉及的作用域鏈說起,講述了JavaScript垃圾回收機制、循環引用、循環引用和閉包、IE中的內存泄漏以及解決方法,是篇非常詳盡,非常不錯的文章,這里推薦給大家。
 
 

1、什么是閉包、以及閉包所涉及的作用域鏈這里就不說了。

2、JavaScript垃圾回收機制

     JavaScript不需要手動地釋放內存,它使用一種自動垃圾回收機制(garbage collection)。當一個對象無用的時候,即程序中無變量引用這個對象時,就會從內存中釋放掉這個變量。

 

復制代碼代碼如下:

    var s = [ 1, 2 ,3];
    var s = null;
    //這樣原始的數組[1 ,2 ,3]就會被釋放掉了。

 

3、循環引用

     三個對象 A 、B 、C

     AàBàC :A的某一屬性引用著B,同樣C也被B的屬性引用著。如果將A清除,那么B、C也被釋放。

     AàBàCàB :這里增加了C的某一屬性引用B對象,如果這是清除A,那么B、C不會被釋放,因為B和C之間產生了循環引用。

 

復制代碼代碼如下:

    var a = {};
    a.pro = { a:100 };
    a.pro.pro = { b:100 };
    a = null ; 
    //這種情況下,{a:100}和{b:100}就同時也被釋放了。
            
    var obj = {};
    obj.pro = { a : 100 };
    obj.pro.pro = { b : 200 };
    var two = obj.pro.pro;
    obj = null;    
    //這種情況下 {b:200}不會被釋放掉,而{a:100}被釋放了。
 

 

4、循環引用和閉包

 

復制代碼代碼如下:

    function outer(){
        var obj = {};
        function inner(){ 
            //這里引用了obj對象
        }
        obj.inner = inner;
    }

 

這是一種及其隱蔽的循環引用,。當調用一次outer時,就會在其內部創建obj和inner兩個對象,obj的inner屬性引用了inner;同樣inner也引用了obj,這是因為obj仍然在innerFun的封閉環境中,準確的講這是由于JavaScript特有的“作用域鏈”。
因此,閉包非常容易創建循環引用,幸運的是JavaScript能夠很好的處理這種循環引用。

5、IE中的內存泄漏

    IE中的內存泄漏有好幾種,這里有詳細的解釋(http://msdn.microsoft.com/en-us/library/bb250448.aspx)。

    這里只討論其中一種,即循環引用所造成的內存泄漏,因為,這是一種最普遍的情況。

    當在DOM元素或一個ActiveX對象與普通JavaScript對象之間存在循環引用時,IE在釋放這類變量時存在特殊的困難,最好手動切斷循環引用,這個bug在IE 7中已經被修復了(http://www.quirksmode.org/blog/archives/2006/04/ie_7_and_javasc.html)。

   “IE 6 suffered from memory leaks when a circular reference between several objects, among which at least one DOM node, was created. This problem has been solved in IE 7. ”

    如果上面的例子(第4點)中obj引用的不是一個JavaScript Function對象(inner),而是一個ActiveX對象或Dom元素,這樣在IE中所形成的循環引用無法得到釋放。

 

復制代碼代碼如下:

    function init(){
        var elem = document.getElementByid( 'id' );
        elem.onclick = function(){
            alert('rain-man');
            //這里引用了elem元素
        };
    }

 

Elem引用了它的click事件的監聽函數,同樣該函數通過其作用域鏈也引用回了elem元素。這樣在IE中即使離開當前頁面也不會釋放這些循環引用。

6、解決方法

   基本的方法就是手動清除這種循環引用,下面一個十分簡單的例子,實際應用時可以自己構建一個addEvent()函數,并且在window的unload事件上對所有事件綁定進行清除。

 

復制代碼代碼如下:

    function outer(){
        var one = document.getElementById( 'one' );
        one.onclick = function(){};
    }
    window.onunload = function(){
        var one = document.getElementById( 'one' );
        one.onclick = null;
    };

 

 其它方法(by:Douglas Crockford)

 

復制代碼代碼如下:

/**
 * 遍歷某一元素節點及其所有后代元素
 *
 * @param Elem node  所要清除的元素節點
 * @param function func  進行處理的函數
 * 
 */
function walkTheDOM(node, func) {
    func(node); 
    node = node.firstChild; 
    while (node) { 
        walkTheDOM(node, func); 
        node = node.nextSibling; 
    } 

/**
 * 清除dom節點的所有引用,防止內存泄露
 *
 * @param Elem node  所要清除的元素節點
 * 
 */
function purgeEventHandlers(node) {
    walkTheDOM(node, function (e) {
        for (var n in e) {            
            if (typeof e[n] === 
                    'function') {
                e[n] = null;
            }
        }
    });

 

以上就是JavaScript內存泄漏的相關內容以及解決方案了,有需要的小伙伴可以參考下


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 临沭县| 友谊县| 和田市| 江北区| 马龙县| 广元市| 绍兴市| 红桥区| 渭南市| 云和县| 西平县| 忻州市| 凤山县| 道真| 张家港市| 贺兰县| 牙克石市| 安福县| 嘉祥县| 鄄城县| 娄底市| 博白县| 丰城市| 综艺| 宜良县| 枞阳县| 张家界市| 安图县| 剑川县| 海宁市| 隆安县| 定襄县| 德兴市| 炎陵县| 德保县| 渭源县| 临西县| 宿松县| 达日县| 应城市| 德惠市|