深刻理解JS的作用域鏈

作用域鏈的概念對理解閉包至關(guān)重要

先來一個(gè)例子

var scope = "global";
function CheckScope(){
    var scope = "local";
    return scope;
}
CheckScope();
//結(jié)果為local

1.當(dāng)代碼進(jìn)入Global Execution Context后,會創(chuàng)建Global VO


2.當(dāng)代碼執(zhí)行到CheckScope();語句的時(shí)候,進(jìn)入CheckScope Execution Context;
根據(jù)上一篇文章<執(zhí)行環(huán)境>的介紹,這里會創(chuàng)建CheckScope VO,
并設(shè)置CheckScope Execution Context的[[Scope]]屬性

作用域鏈的創(chuàng)建規(guī)則

當(dāng)定義一個(gè)函數(shù)時(shí)

在函數(shù)內(nèi)部會創(chuàng)建一個(gè)[[Scope]]屬性,這個(gè)屬性指向一條作用域鏈。
也就是說在定義函數(shù)時(shí),會事先創(chuàng)建一條作用域鏈。
這從chrome中可以看出來,如下圖所示,<function scope>即為我說的[[Scope]]屬性


而這條事先就創(chuàng)建好的作用域鏈的創(chuàng)建規(guī)則也是很重要的,有以下幾點(diǎn):

  • JS中只有兩種類型的作用域:全局作用域、函數(shù)作用域,所以在作用域鏈上的對象,只可能是window對象或者函數(shù)執(zhí)行環(huán)境所對應(yīng)的變量對象,但是with語句是一個(gè)例外,其可以臨時(shí)在作用域鏈的前端臨時(shí)增加一個(gè)普通對象。
var o = {
    bruceZhou: 'bruceZhou',
    fn: function(){
        console.log(fn)
        console.log(bruceZhou);
    }
}
o.fn();
//ERROR報(bào)錯(cuò)
//因?yàn)樵趫?zhí)行匿名函數(shù)時(shí),其作用域鏈為匿名函數(shù)所對應(yīng)的變量對象--->window對象
//所以會找不到fn和bruceZhou的定義

//最重要的是其作用域鏈不包括對象o,對象o只負(fù)責(zé)保存fn
//在JS中只有全局作用域、函數(shù)作用域,并沒有對象作用域這一說
//如果要在fn內(nèi)部訪問對象o,可以引用this或者使用with語句
  • 一個(gè)函數(shù)被定義時(shí),在確定其[[Scope]]屬性時(shí),JS解釋器執(zhí)行如下的規(guī)則:從函數(shù)內(nèi)部向外遍歷,每當(dāng)碰到一個(gè)function {...}時(shí),就將其對應(yīng)的變量對象添加至作用域鏈中去,如此下去,直到window對象,然后將作用域鏈的引用賦給[[Scope]]屬性。

當(dāng)調(diào)用這個(gè)函數(shù)時(shí)

解釋器會先創(chuàng)建一個(gè)新的變量對象,
然后將這個(gè)變量對象的添加至上面那個(gè)作用域鏈的棧頂,
此后將函數(shù)內(nèi)部的[[Scope]]屬性直接賦值給執(zhí)行環(huán)境的[[Scope]]屬性

當(dāng)函數(shù)執(zhí)行完之后

對應(yīng)的函數(shù)執(zhí)行環(huán)境會被銷毀,
但該執(zhí)行函數(shù)所對應(yīng)的變量對象卻不一定會被銷毀,
這時(shí)就會發(fā)生閉包現(xiàn)象。

作用域鏈的數(shù)據(jù)結(jié)構(gòu)

作用域即變量對象,作用域鏈?zhǔn)且粋€(gè)由變量對象組成的帶頭結(jié)點(diǎn)的單向鏈表,其主要作用就是用來進(jìn)行變量查找。而[[Scope]]屬性是一個(gè)指向這個(gè)鏈表頭結(jié)點(diǎn)的指針。

帶頭結(jié)點(diǎn)的單鏈表

1.結(jié)點(diǎn)的存儲結(jié)構(gòu)(用C語言來表示)

typedef struct _tNODE{
    VariableObject *pVO;
    //指向一個(gè)變量對象,即指向一個(gè)作用域
    struct _tNODE *next;
    //指向下一個(gè)結(jié)點(diǎn)
}tNODE, *tPNODE;

2.猜想
我猜想作用域鏈的數(shù)據(jù)大概如下,是一個(gè)鏈棧,只是為了說明問題,不保證準(zhǔn)確性,當(dāng)然我也是不會為它負(fù)責(zé)的。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容