這段時(shí)間小編把兩本js的經(jīng)典圖書(shū)看完了，一本是《深入理解JavaScript》,一本是《你不知道的JavaScript》让网。中間有些內(nèi)容小編是根本沒(méi)看懂，這次小編決定看第二遍并和大家一起分享書(shū)中的內(nèi)容，期待著和大家一起進(jìn)步事期。大家還可以關(guān)注我的微信公眾號(hào)，蝸牛全棧纸颜。
一兽泣、RHS和LHS先看一個(gè)js中很常用的賦值語(yǔ)句
var a = 2;
在這個(gè)例子中，js的引擎會(huì)對(duì)變量a進(jìn)行LHS查詢胁孙，當(dāng)然了唠倦，和這個(gè)相對(duì)應(yīng)的是RHS查詢称鳞。那究竟什么是LHS和RHS呢，簡(jiǎn)單一點(diǎn)說(shuō)稠鼻，如果是對(duì)某個(gè)變量進(jìn)行賦值冈止，就是進(jìn)行了一次LHS。獲取一個(gè)變量的值候齿，就進(jìn)行了一次RHS熙暴。說(shuō)的更準(zhǔn)確一點(diǎn)，RHS查詢就是超著某個(gè)變量的值慌盯。而LHS查詢則是試圖找到變量的容器本身周霉，然后對(duì)其賦值。
考慮以下代碼：
console.log(a);
這段代碼是對(duì)a的RHS引用亚皂，因?yàn)檫@里只是查詢并取得a的值诗眨，并沒(méi)有給a賦值。然后將取得的值傳遞給console.log相比之后孕讳，下面這段代碼就是對(duì)a的LHS引用匠楚，因?yàn)槲覀儾⒉魂P(guān)心當(dāng)前的a的值是什么，只是把2賦值給變量a
var a = 2;
了解了RHS和LHS厂财，我們來(lái)看一個(gè)相對(duì)復(fù)雜的例子芋簿。
function foo(a){
console.log(a) // RHS
}
foo(2). //LHS
二、作用域嵌套
我們知道璃饱，作用域是根據(jù)名稱查找變量的一套規(guī)則与斤。但在實(shí)際情況中，通常需要同時(shí)估計(jì)幾個(gè)作用域荚恶。當(dāng)一個(gè)塊或函數(shù)嵌套在另一個(gè)塊或函數(shù)中的時(shí)候撩穿，就發(fā)生了作用域的嵌套。因此谒撼，在當(dāng)前作用域中無(wú)法找到某個(gè)變量時(shí)食寡，引擎就會(huì)在改作用域的外層嵌套作用域繼續(xù)查找，直到找到改變量廓潜，或抵達(dá)最外層的作用域（全局作用域）為止抵皱。考慮以下代碼
fuction foo(a){
console.log(a + b);
}
var b = 3;
foo(2); // 5
在這段代碼中辩蛋，對(duì)于函數(shù)foo呻畸，只接收一個(gè)參數(shù)a，對(duì)于變量b悼院，在該函數(shù)作用域內(nèi)并沒(méi)有找到定義伤为，于是引擎就會(huì)在外層作用域繼續(xù)尋找，剛好据途，在全局作用域下绞愚，找到了var b = 3;然后將兩個(gè)數(shù)字相加之后輸出叙甸。為了更形象，可以把作用域想象成一個(gè)高大的建筑
LHS和RHS引用都會(huì)在當(dāng)前樓層進(jìn)行查找爽醋，如果沒(méi)有找到蚁署，就會(huì)坐電梯前往上一層樓，如果還是沒(méi)有找到就繼續(xù)向上蚂四，以此類(lèi)推光戈。一旦抵達(dá)頂層（全局作用域），可能找到了你所需的變量遂赠，也可能沒(méi)找到久妆，但無(wú)論如何查找過(guò)程都將停止。（小編理解這就是傳說(shuō)中的作用域鏈）如果在全局作用域都沒(méi)找到該定義跷睦， 將會(huì)拋出異常筷弦。對(duì)于不同的情況，拋出的異常也會(huì)不一樣抑诸，考慮以下代碼烂琴。
function foo(a){
console.log(a + b);
b = a;
}
foo(2);
第一次對(duì)b進(jìn)行RHS查詢時(shí)是無(wú)法找到該變量的。也就是說(shuō)蜕乡，這是一個(gè)“未聲明”的變量奸绷，因?yàn)樵谌魏蜗嚓P(guān)的作用域中都無(wú)法找到它。包括全局作用域层玲，也無(wú)法找到這個(gè)變量号醉。如果RHS查詢?cè)谒星短椎淖饔糜蛑斜閷げ坏剿璧淖兞浚婢蜁?huì)拋出ReferenceError異常辛块。值得注意的是畔派，ReferenceError是非常重要的異常類(lèi)型。相較之下润绵，當(dāng)引擎執(zhí)行LHS查詢時(shí)线椰，如果在頂層（全局作用域）中也無(wú)法找到目標(biāo)變量，全局作用域中就會(huì)創(chuàng)建一個(gè)具有該名稱的變量授药，并將其返還給引擎士嚎，前提是程序運(yùn)行在非“嚴(yán)格模式”下。如果RHS查詢找到了一個(gè)變量悔叽，但是你嘗試對(duì)這個(gè)變量的值進(jìn)行不合理的操作，比如試圖對(duì)一個(gè)非函數(shù)類(lèi)型的值進(jìn)行函數(shù)調(diào)用爵嗅，或者引用null或undefined類(lèi)型的值中的屬性娇澎，那么引擎會(huì)拋出另外一種類(lèi)型的異常，叫作TypeError睹晒。ReferenceError同作用域判別失敗相關(guān)趟庄，而TypeError則代表作用域判別成功了括细，但是對(duì)結(jié)果的操作是非法或不合理的。鑒于小編是第一次在公眾號(hào)中把JavaScript往更深層次去研究戚啥，中間難免有錯(cuò)誤或者理解上的失誤奋单，要是發(fā)現(xiàn)了，還請(qǐng)大家多多指出猫十。小編愿意和大家在js這條路上共同進(jìn)步览濒。
