JavaScript中作用域鏈的理解

先說點廢話梳杏,本人感覺一些以前的知識開始淡忘们童,于是重新回味JavaScript高級程序設(shè)計這本打牢基礎(chǔ)的神書权谁,想起來也是一把辛酸一把淚拍鲤,當(dāng)年在網(wǎng)上搜js教程書贴谎,千挑萬選看中這本,然后開始了js的入坑之路殿漠,一鼓作氣花了一個月把它看完赴精,結(jié)果沒有找練手項目過一個星期就忘了個七七八八,后來又花了一星期重看一遍绞幌。蕾哟。。到現(xiàn)在是第三次花時間看這本書了莲蜘,仔細反省下來谭确,感覺除了自己學(xué)習(xí)上專攻理論不重實踐這個大毛病外也有這本書內(nèi)容非常豐富不能短時間掌握的原因,至今還是非常喜歡這本書票渠,一本好書才能讓人看了一遍還會想看第二遍逐哈,尤其是關(guān)于js對象,對象的構(gòu)造模式问顷,原型昂秃,原型鏈禀梳,繼承等js的核心知識點講述的非常詳細!一字一句循序漸進肠骆,油而不膩算途。(不過本書也有過分詳細讓人分不清重點看懂之后感覺廢話好多的小毛病 )重新看了一遍重要的知識點之后,理解是都理解了蚀腿,但是感覺還是要用自己的話再說一遍才能算真正的理解嘴瓤,不然又要重蹈覆轍啦好,正片開始:

1莉钙、什么是執(zhí)行環(huán)境

執(zhí)行環(huán)境廓脆,就是js中代碼的執(zhí)行環(huán)境,也是常說的上下文磁玉,在瀏覽器中window就是一個執(zhí)行環(huán)境停忿,而且還是最外層的全局執(zhí)行環(huán)境,每一個執(zhí)行環(huán)境都有一個變量對象來存儲在該環(huán)境下的變量和函數(shù)蜀涨,當(dāng)執(zhí)行環(huán)境中的所有代碼被執(zhí)行完之后瞎嬉,該環(huán)境被銷毀,而全局執(zhí)行環(huán)境window只有在瀏覽器關(guān)閉的時候才會被銷毀厚柳。每一個函數(shù)都有自己的執(zhí)行環(huán)境(局部執(zhí)行環(huán)境),當(dāng)執(zhí)行流進入一個函數(shù)時沐兵,函數(shù)的環(huán)境就會被推入一個環(huán)境棧中别垮,而在函數(shù)執(zhí)行之后,棧將其環(huán)境彈出扎谎,把控制權(quán)返回給函數(shù)的外部環(huán)境

2碳想、作用域鏈

當(dāng)代碼在一個環(huán)境中執(zhí)行時,會創(chuàng)建變量對象的一個作用域鏈毁靶。
作用域鏈的用途:保證當(dāng)前執(zhí)行環(huán)境有權(quán)訪問的變量和方法的有序訪問胧奔。這條作用域鏈的最前端始終是當(dāng)前執(zhí)行的代碼所在環(huán)境的變量對象,而下一個變量對象來自包含(外部)環(huán)境预吆,以此往外推龙填,直到作用域鏈尾端:全局執(zhí)行環(huán)境的變量對象,在瀏覽器里就是window拐叉。也就是說作用域鏈是一個個執(zhí)行環(huán)境的變量對象組成的岩遗,而且順序是由里到外。
標識符解析:沿著作用域鏈一級一級的搜索標識符的過程凤瘦。
舉個栗子:

window.onload=function(){
    var a = 1;
    var b = 2;
    function func1(){
        var a = 2;  //
        console.log(a);  //程序檢測到這里的標識符a宿礁,開始沿著作用域鏈一級一級往上找,在作用域鏈頂端-當(dāng)前執(zhí)行環(huán)境里找到a蔬芥,于是輸出2
        console.log(b);  //程序檢測到這里的標識符b梆靖,開始沿著作用域鏈一級一級往上找控汉,在作用域鏈尾端-全局執(zhí)行環(huán)境里找到b,于是輸出2
        console.log(c);  //程序檢測到這里的標識符c返吻,開始沿著作用域鏈一級一級往上找姑子,在作用域鏈中沒有找到c,于是程序報錯c is not defined
        function func2(){
        var c = 3;
        }
    }
    func1();
}

擴展:JS沒有塊級作用域

在其他類c語言里思喊,有花括號封閉的代碼塊都有自己的作用域壁酬,但是在js里是沒有的:
直接貼代碼:

if(true){
      var a = 1;
}
console.log(a);  //結(jié)果為1
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市恨课,隨后出現(xiàn)的幾起案子舆乔,更是在濱河造成了極大的恐慌,老刑警劉巖剂公,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件希俩,死亡現(xiàn)場離奇詭異,居然都是意外死亡纲辽,警方通過查閱死者的電腦和手機颜武,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拖吼,“玉大人鳞上,你說我怎么就攤上這事〉醯担” “怎么了篙议?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長怠硼。 經(jīng)常有香客問我鬼贱,道長,這世上最難降的妖魔是什么香璃? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任这难,我火速辦了婚禮,結(jié)果婚禮上葡秒,老公的妹妹穿的比我還像新娘姻乓。我一直安慰自己,他們只是感情好同云,可當(dāng)我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布糖权。 她就那樣靜靜地躺著,像睡著了一般炸站。 火紅的嫁衣襯著肌膚如雪星澳。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天旱易,我揣著相機與錄音禁偎,去河邊找鬼腿堤。 笑死,一個胖子當(dāng)著我的面吹牛如暖,可吹牛的內(nèi)容都是我干的笆檀。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼盒至,長吁一口氣:“原來是場噩夢啊……” “哼酗洒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起枷遂,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤樱衷,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后酒唉,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體矩桂,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年痪伦,在試婚紗的時候發(fā)現(xiàn)自己被綠了侄榴。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡网沾,死狀恐怖癞蚕,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情辉哥,我是刑警寧澤涣达,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站证薇,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏匆篓。R本人自食惡果不足惜浑度,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望鸦概。 院中可真熱鬧箩张,春花似錦、人聲如沸窗市。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽咨察。三九已至论熙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間摄狱,已是汗流浹背脓诡。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工无午, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人祝谚。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓宪迟,卻偏偏與公主長得像,于是被迫代替她去往敵國和親交惯。 傳聞我的和親對象是個殘疾皇子次泽,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容