JavaScript的查詢(xún)機(jī)制LHS和RHS解析
JavaScript 引擎在查找一個(gè)變量的時(shí)候,有兩種查找機(jī)制:LHS 和 RHS。
RHS 的查詢(xún)是簡(jiǎn)單地查找到某個(gè)變量的值,而 LHS 則是試圖找到變量的容器的本身。
一個(gè)簡(jiǎn)單的例子:當(dāng)我們執(zhí)行 console.log(a) 時(shí),執(zhí)行的就是 RHS ,因?yàn)檫@里 a 并沒(méi)有賦予任何的值。相應(yīng)的,需要查找并取得 a 的值,這樣才能將值傳遞給 conso.log(..)。
而當(dāng)我們執(zhí)行到 a = 2 時(shí),這里對(duì) a 的引用就是 LHS 引用,因?yàn)閷?shí)際上我們并不關(guān)心當(dāng)前的值是什么,只是想要為 =2 這個(gè)賦值操作找到一個(gè)目標(biāo)。
需要注意的是:
當(dāng)我們執(zhí)行以下代碼:
function foo(a){
console.log(a); // 2
}
foo(2);
這里對(duì) foo 的調(diào)用執(zhí)行了 RHS 引用,但還有一個(gè)隱式的 a = 2 的操作,這里又執(zhí)行了一個(gè) LHS 引用。
我們通常把 function foo(a){} 轉(zhuǎn)變?yōu)?var foo,foo = function(){} ,如果這樣理解的話(huà),這個(gè)函數(shù)聲明會(huì)執(zhí)行 LHS 查詢(xún),但是在引擎執(zhí)行代碼的時(shí)候,并不會(huì)有線(xiàn)程專(zhuān)門(mén)用來(lái)將一個(gè)函數(shù)值“分配給”foo。所以,將函數(shù)聲明理解成 賦值 的 LHS 查詢(xún)的形式并不合適。
區(qū)分 LHS 和 RHS 是一件很重要的事。如果 RHS 查詢(xún)?cè)谧饔糜蜴溨姓也坏叫枰淖兞浚瑫?huì)拋出 ReferenceError 的異常。
function foo(a){
console.log(a + b);
}
foo()
以上代碼會(huì)拋出異常:b is not defined
相比之下,如果JavaScript引擎執(zhí)行的是 LHS 查詢(xún),如果一直到頂層的作用域(全局作用域)中都沒(méi)有找到目標(biāo)變量的話(huà),它就會(huì)在全局作用域中聲明一個(gè)具有目標(biāo)名稱(chēng)的變量,并將其返回給引擎。(非嚴(yán)格模式下,嚴(yán)格模式下會(huì)禁止自動(dòng)創(chuàng)建或隱式創(chuàng)建全局變量)
function foo(a){
b = a; // b = 2
}
foo(2)
上面的代碼執(zhí)行的 LHS 查詢(xún),在非嚴(yán)格模式下,JavaScript 引擎在全局作用域中沒(méi)有找到 b,所以它就在全局作用域中聲明了一個(gè)變量 b。所以此時(shí)結(jié)果不會(huì)報(bào)錯(cuò)且b被賦值為2。
總結(jié):
作用域是一套規(guī)則,用于確定在何處以及如何查找變量(標(biāo)識(shí)符)。如果查找的目的是對(duì)變量進(jìn)行賦值,就會(huì)使用 LHS 查詢(xún);如果目的是獲取變量的值,就會(huì)使用 RHS 查詢(xún)。
= 操作符或調(diào)用函數(shù)時(shí)傳入?yún)?shù)的操作都會(huì)導(dǎo)致關(guān)聯(lián)作用域的賦值操作。
LHS 和 RHS 查詢(xún)都會(huì)在當(dāng)前執(zhí)行作用域中開(kāi)始,如果有需要(當(dāng)前沒(méi)找到),就會(huì)向上級(jí)作用域繼續(xù)查找目標(biāo)標(biāo)識(shí)符(作用域鏈)。
不成功的 RHS 會(huì)導(dǎo)致拋出 ReferenceError 異常。不成功的 LHS 會(huì)自動(dòng)隱式在全局作用域中創(chuàng)建一個(gè)全局變量(非嚴(yán)格模式下),該變量使用 LHS 引用的目標(biāo)作為標(biāo)識(shí)符。(如果是嚴(yán)格模式下也會(huì)拋出 ReferenceError 異常)。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
TypeScript裝飾器與反射元數(shù)據(jù)實(shí)例詳解
TypeScript的裝飾器為我們提供了一種強(qiáng)大的工具,可以在運(yùn)行時(shí)改變類(lèi)的行為,通過(guò)理解裝飾器的工作原理,我們可以創(chuàng)造更加強(qiáng)大、靈活且易于維護(hù)的應(yīng)用,這篇文章主要介紹了TypeScript裝飾器與反射元數(shù)據(jù),需要的朋友可以參考下2023-09-09
JS辨別訪(fǎng)問(wèn)瀏覽器判斷是android還是ios系統(tǒng)
掃描二維碼之后自動(dòng)分辨出是android還是ios系統(tǒng),因此就要用JS辨別訪(fǎng)問(wèn)瀏覽器針對(duì)于不同的系統(tǒng)進(jìn)行不同的下載,需要的朋友可以參考下2014-08-08
Javascript點(diǎn)擊按鈕隨機(jī)改變數(shù)字與其顏色
這篇文章主要介紹了Javascript點(diǎn)擊按鈕隨機(jī)改變數(shù)字和其字體的顏色,實(shí)現(xiàn)后的效果很不錯(cuò),具有一定的參考價(jià)值,有需要的可以參考借鑒,下面來(lái)一起看看。2016-09-09
H5跳轉(zhuǎn)小程序按鈕不顯示(wx-open-launch-weapp)踩坑指南
這篇文章主要給大家介紹了關(guān)于H5跳轉(zhuǎn)小程序按鈕不顯示(wx-open-launch-weapp)踩坑的相關(guān)資料,文中介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-02-02
JavaScript交換變量的常用方法小結(jié)【4種方法】
這篇文章主要介紹了JavaScript交換變量的常用方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript交換變量的4種實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
一個(gè)簡(jiǎn)單不報(bào)錯(cuò)的summernote 圖片上傳案例
下面小編就為大家?guī)?lái)一篇一個(gè)簡(jiǎn)單不報(bào)錯(cuò)的summernote圖片上傳案例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
通過(guò)百度地圖獲取公交線(xiàn)路的站點(diǎn)坐標(biāo)的js代碼
通過(guò)百度地圖獲取公交線(xiàn)路的站點(diǎn)坐標(biāo)的js代碼,需要的朋友可以參考下2012-05-05
JavaScript箭頭函數(shù)與普通函數(shù)的區(qū)別示例詳解
這篇文章主要為大家介紹了JavaScript箭頭函數(shù)與普通函數(shù)的區(qū)別示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10
JavaScript如何使用插值實(shí)現(xiàn)圖像漸變
這篇文章主要介紹了JavaScript如何使用插值實(shí)現(xiàn)圖像漸變,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06

