溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JavaScript中查詢機(jī)制LHS和RHS的示例分析

發(fā)布時(shí)間:2021-07-22 14:19:38 來源:億速云 閱讀:142 作者:小新 欄目:web開發(fā)

這篇文章主要介紹了JavaScript中查詢機(jī)制LHS和RHS的示例分析,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

JavaScript 引擎在查找一個(gè)變量的時(shí)候,有兩種查找機(jī)制:LHS 和 RHS。

RHS 的查詢是簡單地查找到某個(gè)變量的值,而 LHS 則是試圖找到變量的容器的本身。

一個(gè)簡單的例子:當(dāng)我們執(zhí)行 console.log(a) 時(shí),執(zhí)行的就是 RHS ,因?yàn)檫@里 a 并沒有賦予任何的值。相應(yīng)的,需要查找并取得 a 的值,這樣才能將值傳遞給 conso.log(..)。

而當(dāng)我們執(zhí)行到 a = 2 時(shí),這里對 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);

這里對 foo 的調(diào)用執(zhí)行了 RHS 引用,但還有一個(gè)隱式的 a = 2 的操作,這里又執(zhí)行了一個(gè) LHS 引用。

我們通常把 function foo(a){} 轉(zhuǎn)變?yōu)?var foo,foo = function(){} ,如果這樣理解的話,這個(gè)函數(shù)聲明會(huì)執(zhí)行 LHS 查詢,但是在引擎執(zhí)行代碼的時(shí)候,并不會(huì)有線程專門用來將一個(gè)函數(shù)值“分配給”foo。所以,將函數(shù)聲明理解成 賦值 的 LHS 查詢的形式并不合適。

區(qū)分 LHS 和 RHS 是一件很重要的事。如果 RHS 查詢在作用域鏈中找不到需要的變量,會(huì)拋出 ReferenceError 的異常。

function foo(a){
  console.log(a + b);
}
foo()

以上代碼會(huì)拋出異常:b is not defined

相比之下,如果JavaScript引擎執(zhí)行的是 LHS 查詢,如果一直到頂層的作用域(全局作用域)中都沒有找到目標(biāo)變量的話,它就會(huì)在全局作用域中聲明一個(gè)具有目標(biāo)名稱的變量,并將其返回給引擎。(非嚴(yán)格模式下,嚴(yán)格模式下會(huì)禁止自動(dòng)創(chuàng)建或隱式創(chuàng)建全局變量)

function foo(a){
  b = a; // b = 2
}
foo(2)

上面的代碼執(zhí)行的 LHS 查詢,在非嚴(yán)格模式下,JavaScript 引擎在全局作用域中沒有找到 b,所以它就在全局作用域中聲明了一個(gè)變量 b。所以此時(shí)結(jié)果不會(huì)報(bào)錯(cuò)且b被賦值為2。

總結(jié):

作用域是一套規(guī)則,用于確定在何處以及如何查找變量(標(biāo)識(shí)符)。如果查找的目的是對變量進(jìn)行賦值,就會(huì)使用 LHS 查詢;如果目的是獲取變量的值,就會(huì)使用 RHS 查詢。

= 操作符或調(diào)用函數(shù)時(shí)傳入?yún)?shù)的操作都會(huì)導(dǎo)致關(guān)聯(lián)作用域的賦值操作。

LHS 和 RHS 查詢都會(huì)在當(dāng)前執(zhí)行作用域中開始,如果有需要(當(dāng)前沒找到),就會(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 異常)。

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“JavaScript中查詢機(jī)制LHS和RHS的示例分析”這篇文章對大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI