Javascript中閉包的作用域鏈
作用域定義了在當(dāng)前上下文中能夠被訪問到的成員，在Javascript中分為全局作用域和函數(shù)作用域，通過函數(shù)嵌套可以實(shí)現(xiàn)嵌套作用域。
閉包一般發(fā)生在嵌套作用域中。閉包是JavaScript最強(qiáng)大的特性之一,很多高級(jí)應(yīng)用都要依靠閉包實(shí)現(xiàn)。如OO的私有成員和模塊化等。然而閉包雖然強(qiáng)大，但一般比較占用內(nèi)存另外如果使用不當(dāng)還會(huì)引起內(nèi)存泄露，對(duì)閉包有了解的jser一般都知道閉包的這些個(gè)問題，本文先闡述了閉包和作用域鏈的關(guān)系，然后分析了產(chǎn)生這些個(gè)問題的原因。下面是一段閉包的示例代碼:
- var name = "windows's name";
- var object = {
- name : "object's name",
- getNameFunc:function(){
- var that = this;
- return function(){
- return that.name;
- }
- }
- };
- console.log(object.getNameFunc()());
當(dāng)javascript代碼執(zhí)行時(shí)會(huì)創(chuàng)建一個(gè)執(zhí)行上下文對(duì)象,執(zhí)行上下文對(duì)象包含一個(gè)作用域鏈，作用域鏈有一個(gè)或多個(gè)變量對(duì)象組成，作用域鏈中保存的是對(duì)變量對(duì)象的引用。變量對(duì)象定義了在當(dāng)前作用域中聲明的變量和函數(shù)。
在代碼的執(zhí)行過程中JAVASCRIPT引擎會(huì)按照自上而下的順序檢索作用鏈中的變量對(duì)象的成員來解析需要被訪問(讀或?qū)?的變量或函數(shù)，在檢索過程中如果在作用域鏈的某個(gè)變量對(duì)中象查找到與之匹配的標(biāo)識(shí)符就會(huì)終止檢索。
通過這種方式當(dāng)在代碼中如果有同名的變量就可以區(qū)分出來我們要操作那個(gè)變量。當(dāng)代碼載入完成后 Javascript引擎會(huì)創(chuàng)建一個(gè)全局的執(zhí)行上下文，全局執(zhí)行上下文的作用域鏈只包含一個(gè)全局變量對(duì)象。Javascript的函數(shù)對(duì)象擁有一個(gè)私有的socpe屬性，當(dāng)函數(shù)被創(chuàng)建時(shí)會(huì)使用當(dāng)前的作用域鏈初始化函數(shù)scope屬性。
當(dāng)函數(shù)被執(zhí)行時(shí)會(huì)創(chuàng)建函數(shù)的執(zhí)行上下文對(duì)象和當(dāng)前作用域的變量對(duì)象，創(chuàng)建函數(shù)的執(zhí)行上下文對(duì)象時(shí)先使用函數(shù)的scope屬性給執(zhí)行上下文對(duì)象的作用域鏈賦值，再把創(chuàng)建的變量對(duì)象放入作用域鏈的頂端來初始化執(zhí)行上下文的作用域鏈。位于作用域鏈頂端的變量對(duì)象也稱為活動(dòng)對(duì)象。默認(rèn)情況下當(dāng)函數(shù)返回時(shí)會(huì)銷毀它的活動(dòng)對(duì)象和作用域鏈，這也是為什么我們函數(shù)的外部不能夠訪問到在函數(shù)內(nèi)部定義的成員。
然而在發(fā)生閉包的情況下，當(dāng)內(nèi)部函數(shù)被創(chuàng)建時(shí)，內(nèi)部函數(shù)的scope屬性指向包含它的外部函數(shù)的作用域鏈。這時(shí)內(nèi)部函數(shù)引用了外部函數(shù)的活動(dòng)對(duì)象，當(dāng)外部函數(shù)返回時(shí)，它的活動(dòng)對(duì)象沒有被釋放，直到引用它的內(nèi)部函數(shù)被銷毀時(shí)才會(huì)釋放外層函數(shù)的活動(dòng)對(duì)象。所以它所包含的內(nèi)部函數(shù)仍然可以訪問在外部函數(shù)中定義的成員，另外這也是閉包比較占用內(nèi)存的原因。
內(nèi)存泄露問題是由于部分瀏覽器使用引用計(jì)數(shù)來作為垃圾回收機(jī)制，當(dāng)在我們的代碼中發(fā)生了循環(huán)引用時(shí)，就會(huì)造成資源不能被回收從而引起內(nèi)存泄露。發(fā)生內(nèi)存泄露有時(shí)是因?yàn)樵谖覀兊拇a中發(fā)生了明顯的循環(huán)引用，有時(shí)則不那么明顯。對(duì)于前者一般通過仔細(xì)檢查代碼就能發(fā)現(xiàn)問題所在，對(duì)于后者就需要我們對(duì)閉包有足夠的了解才能發(fā)現(xiàn)。如下面代碼：
- view sourceprint?function outerFunc(){
- var obj = document.getElementById("element");
- obj.onclick=function innerFunc(){
- alert("Hi! I will leak");
- };
- obj.bigString=new Array(1000).join(new Array(3000).join("XXXXX"));
- // This is used to make the leak significant
- };
在上面這段代碼中，外部函數(shù)outerFunc中的局部變量obj引用文檔中ID為element的Dom元素，obj.onclick指向內(nèi)部函數(shù)innerFunc的引用，內(nèi)部函數(shù)innerFunc的scope屬性指向的作用鏈中包含外部函數(shù)outerFunc的活動(dòng)對(duì)象的引用，活動(dòng)對(duì)象的obj成員再次指向文檔中ID為element的Dom元素從而構(gòu)成了循環(huán)引用。
【編輯推薦】
