JavaScript語言是一門優(yōu)秀的腳本語言.其中包含腳本語言的靈活性外還擁有許多高級語言的特性.例如充許構(gòu)建和實例化一個對象,垃圾回收機制(GC:Garbage Collecation).通常我們使用new創(chuàng)建對象,GC負(fù)責(zé)回收對象占用內(nèi)存區(qū)域.因此了解GC,可以加深對JavaScript垃圾回收機制的理解。

1.用局部變量和全局變量解釋GC

GC在回收內(nèi)存時,首先會判斷該對象是否被其它對象引用.在確定沒有其它對象引用便釋放該對象內(nèi)存區(qū)域.因此如何確定對象不再被引用是GC的關(guān)鍵所在.

<script>   
function aa(){   
this.rr = "彈窗";   
}   
function bb(){   
this.rr = "彈窗";   
}   
var b1;   
function cc(){   
var a1 = new aa();   
b1 = new bb();   
return b1;   
}   
cc();   
alert(b1.rr)   
</script>  

如上代碼中，執(zhí)行完cc()后a1被回收了,此后我們可以通過b1.rr彈出文字窗口.在一些基礎(chǔ)書籍中解釋為:a1為局部變量,b1是全局變量.局部變量執(zhí)行完后會被GC回收.但不全是這樣,如下代碼:

<script>   
function aa(){   
this.rr = "彈窗";   
}   
function bb(){   
this.rr = "彈窗";   
}   
function cc(){   
var a1 = new aa();   
var b1 = new bb();   
return b1;   
}   
var b1 = cc();   
alert(b1.rr);   
</script>  

此時cc函數(shù)中的 a1,b1都是局部變量,但仍然會彈出文字窗口.說明b1并沒有被GC回收.因此JavaScript中局部變量不是所有時候都被GC回收的.

2.抽象理解GC

GC回收機制還需要近一步了解。在此時引入幾個概念:雙向鏈表,作用域鏈,活動對象(為了方便理解，簡化了原文的概念

Javascript閉包(closure) 深入淺出 , 其中雙向鏈表描述復(fù)雜對象的上下層級關(guān)系. 作用域鏈與活動對象分別是雙向鏈表中的某個節(jié)點.以函數(shù)cc為例變量層級關(guān)系為:

window<=>cc<=>a1<=>rr   
<=>b1<=>rr 

(原文有詳細(xì)解釋)在執(zhí)行cc()方法時，內(nèi)存中變量的引用關(guān)系如上圖,文字解釋如下:

window的活動對象包括cc,假設(shè)window是***對象(因為運行中不會被回收)

• cc的活動對象包括a1和b1,其作用域鏈?zhǔn)莣indow
• a1的活動對象包括rr,其作用域鏈?zhǔn)莄c
• b1的活動對象包括rr,其作用域鏈?zhǔn)莄c

執(zhí)行cc()時，cc的執(zhí)行環(huán)境會創(chuàng)建一個活動對象和一個作用域鏈.其局部變量a1,b1都會掛在cc的活動對象中.當(dāng)cc()執(zhí)行完畢后，執(zhí)行環(huán)境會嘗試回收活動對象占用的內(nèi)存.但因局部變量b1 通過return b1,為其增加了一條作用域鏈:window<=>b1<=>rr,所以GC停止對b1回收.

因此如果想將一個局部變量/函數(shù)提升為全局的，為其增加一條作用域鏈就OK了。

同時控制好對象的作用域鏈也變得重要了.因作用域鏈會意外導(dǎo)致GC無法回收目標(biāo)對象.例如：

<SCRIPT LANGUAGE="JavaScript">   
<!--   
//貓   
function cat(name){   
var zhuren ;   
this.name = name;   
//設(shè)置主人   
this.addZhuRen = function(zr){   
zhuren = zr;   
}   
this.getZhuRen = function(){   
return zhuren;   
}   
}   
//主人   
function zhuren(name){   
this.name = name;   
}   
//創(chuàng)建主人:   
var zr = new zhuren("zhangsan");   
//創(chuàng)建貓   
var cat1 = new cat("asan");   
//設(shè)置該貓的主人   
cat1.addZhuRen(zr);   
//釋放主人   
zr = null ;   
//此處還存在對主人對象的引用   
alert(cat1.getZhuRen().name)   
//-->   
</SCRIPT>  

原文鏈接 ：http://www.cnblogs.com/a_bu/archive/2011/01/16/1936549.html

【編輯推薦】

1. JAVA開發(fā) 分析JNI標(biāo)準(zhǔn)原理
2. 談JAVA靜態(tài)載入的兩種方式
3. 談JavaScript中的移除空事件處理程序
4. 談JavaScript中的事件委托
5. 詳解JavaScript之分解任務(wù)