JavaScript中查詢機制LHS和RHS的示例分析

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

JavaScript 引擎在查找一個變量的時候，有兩種查找機制：LHS 和 RHS。

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

一個簡單的例子：當我們執行 console.log(a) 時，執行的就是 RHS ，因為這里 a 并沒有賦予任何的值。相應的，需要查找并取得 a 的值，這樣才能將值傳遞給 conso.log(..)。

而當我們執行到 a = 2 時，這里對 a 的引用就是 LHS 引用，因為實際上我們并不關心當前的值是什么，只是想要為 =2 這個賦值操作找到一個目標。

需要注意的是：

當我們執行以下代碼：

function foo(a){
　　console.log(a); // 2
}
foo(2);

這里對 foo 的調用執行了 RHS 引用，但還有一個隱式的 a = 2 的操作，這里又執行了一個 LHS 引用。

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

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

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

以上代碼會拋出異常：b is not defined

相比之下，如果JavaScript引擎執行的是 LHS 查詢，如果一直到頂層的作用域（全局作用域）中都沒有找到目標變量的話，它就會在全局作用域中聲明一個具有目標名稱的變量，并將其返回給引擎。（非嚴格模式下，嚴格模式下會禁止自動創建或隱式創建全局變量）

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

上面的代碼執行的 LHS 查詢，在非嚴格模式下，JavaScript 引擎在全局作用域中沒有找到 b，所以它就在全局作用域中聲明了一個變量 b。所以此時結果不會報錯且b被賦值為2。

總結：

作用域是一套規則，用于確定在何處以及如何查找變量（標識符）。如果查找的目的是對變量進行賦值，就會使用 LHS 查詢；如果目的是獲取變量的值，就會使用 RHS 查詢。

= 操作符或調用函數時傳入參數的操作都會導致關聯作用域的賦值操作。

LHS 和 RHS 查詢都會在當前執行作用域中開始，如果有需要（當前沒找到），就會向上級作用域繼續查找目標標識符（作用域鏈）。

不成功的 RHS 會導致拋出 ReferenceError 異常。不成功的 LHS 會自動隱式在全局作用域中創建一個全局變量（非嚴格模式下），該變量使用 LHS 引用的目標作為標識符。（如果是嚴格模式下也會拋出 ReferenceError 異常）。

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