JavaScript 引擎查詢 LHS 和 RHS

一般我們將 JavaScript 歸類為 “動態” 或 “解釋執行”語言,但事實上JavaScript也是一門編譯語言。JavaScript 引起不會有大量的(相比其它編譯語言)事件用來進行優化,因為與其他語言不同,JavaScript的編譯過程不是發生在構建之前的。對于 JavaScript 來說,大部門情況下編譯發生在代碼執行前的幾微妙的時間內。

在傳統的 編譯語言的流程中,程序中的一段源代碼在執行之前會經歷三個步驟:

  • 分詞/詞法分析(Tokenizing/Lexing)
  • 解析/語法分析 (Parsing)
  • 代碼生成

比起那些編譯過程只有三個步驟的語言的編譯器,JavaScript 引擎要復雜得多

理解作用域

以下面的一段代碼為例。

var a = 2
  • 引擎: 負責整個JavaScript程序的編譯及執行過程
  • 編譯器 負責語法分析及代碼生成等
  • 作用域 負責收集維護由所有聲明的標識符(變量) 組成的一些列查詢。并實施一套非常嚴格的規格,確定當前執行的代碼對這些標識符的訪問權限。

但看到 var a = 2 時,引擎會認為這里有兩個完全不同的聲明,一個由編譯器在編譯時處理,另一個則由引擎在運行時處理.

編譯器會進行如下處理。

  1. 遇到 var a,會向當前作用域詢問是否已有一個該名稱的變量存在同一個作用域的集合中。如果有,編譯器會忽略該聲明,繼續進行編譯;否則它會要求作用域在當前作用域的集合中聲明一個新的變量,并命名為a。
  1. 編譯器會為引擎生成運行所需的代碼。引擎運行時會首先詢問作用域,在當前的作用域集合中是否存在一個叫作 a 的遍歷。如果是,引擎就會使用這個遍歷;如果否,引擎會繼續查找該變量。

如果引擎最終找到了 a 變量,就會將 2 賦值給它。否則引擎就會拋出一個異常!

LHS 和 RHS

編譯器在編譯過程的第二步中生成了代碼,引擎執行它時,會通過查找變量 a 來判斷它是否已經聲明過。查找的過程有作用域進行協助,但是引起執行怎樣的查找,會影響最終的查找結構

在上面的例子中,引擎會為變量 a 進行 LHS 查詢。另外一個查找的類型叫作 RHS。
如名稱一樣, 這里的 L 和 R 分別代表 left 和 right。指一個 賦值操作的左側和右側

  • 如果查找的目的是對變量進行賦值,那么就會使用LHS查詢;(當變量出現在賦值操作的左側)
  • 如果查找的目的是獲取變量的值,就會使用RHS查詢;(當變量出現在賦值操作的右側)

RHS 查詢與簡單地查找某個變量的值別無二致, 而LHS查詢則是試圖找到變量的容器本身,從而可以對其賦值

考慮以下代碼:

console.log(a)

上面代碼中 a 的引用是一個 RHS 引用,因為這里并沒有賦予任何值。相應地,需要查找并取得a的值,這樣才能將值傳遞給 console.log(...)

相反的,例如:

a = 10

這里的 a 的引用則是 LHS 引用,要為 = 2 這個賦值找到一個目標

下面是一個小例子:

function foo(a) {
  var b = a
  return a + b
}

var c = foo(2)

上面分別有幾處 LHS 查詢,幾處 RHS 查詢 ?

分別有 3 處 LHS, 4 處 RHS

LHS:

  1. c = ...
  2. a = ... 這個是容易忽略的一個 函數的形參,在調用函數時,會進行隱式變量分配.等同于 a=2
  3. b = ...

RHS:

  1. foo 函數的查找
  2. b = a 中 a 的查找
  3. return 中 a 的查找
  4. return 中 b 的查找

異常

在變量還沒有聲明的情況下,這兩種查詢的行為是不一樣的。

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

在以上代碼中,第一對 b 進行 RHS 查詢的時候,是無法找到變量的。

  • 如果在 RHS 查詢在所有嵌套的作用域中找不到所需要的變量,引擎就會拋出 ReferenceError異常。ReferenceError 是非常重要的異常類型

  • 當引擎執行 LHS 查詢時,如果在所有作用域中找不到目標變量,就會在全局作用域中創建一個具有該名稱的變量,并將其返回給引擎,前提是在非嚴格模式下也就是:隱式全局變量


如果 RHS 查詢到一個變量,但是你嘗試對這個變量的值進行不合理的操作,也會引發錯誤,比如:

  • 試圖對一個非函數類型的值進行函數調用,
  • 或者引用 null 和 undefined 類型的值中的屬性,

那么引擎會拋出另一種類型的異常,叫做 TypeError

ReferenceError 同作用域判別失敗相關,而 TypeError 則代表作用域判別成功了,但是對結果的操作是非法或不合理的

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,030評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,310評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,951評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,796評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,566評論 6 407
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,055評論 1 322
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,142評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,303評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,799評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,683評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,899評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,409評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,135評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,520評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,757評論 1 282
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,528評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,844評論 2 372

推薦閱讀更多精彩內容