JavaScript 核心觀念(2)-執行環境與作用域-執行的錯誤情境LHS與RHS

前言

此篇章是要來介紹在JavaScript中會出現的LHS, RHS，這兩個名詞主要與取值及賦值有關。

LHS，全名為Left-Hand Side

Left-Hand Side的意思是用來賦予值到左側的變數上，如範例
var name = 'smalljie'，將字串賦予到變數name上。

那什麼時候會發生LHS錯誤，簡單來說，當你賦予的值是JavaScript不正確時就會發生，例如以下字串賦予值的作法就會引發錯誤

1	'smalljie' = 1;

您只需要在瀏覽器的Console頁面輸入上述錯誤的程式碼，便會出現SyntaxError: invalid assignment left-hand side debugger eval code:1

使用前一篇所提到的esprima，輸入錯誤的程式碼也會出現相關的錯誤訊息

在這邊還要分享一個特殊狀況，請看以下範例程式碼

1	var 'smalljie' = 1;

如果透過變數宣告的方式賦值，在瀏覽器上你可能不會看到 Left-Hand side 的錯誤訊息

在Chrome瀏覽器上輸入會出現Uncaught SyntaxError: Unexpected string

而在Firefox上輸入則會出現SyntaxError: missing variable name

兩者提示問題的差異在於瀏覽器提供的執行環境提示訊息的不同，由此我們可以知道執行環境是很重要的觀念。

RHS，全名為Right-Hand Side

Right-Hand Side的意思是取值來自於右側的變數上，如以下範例

1 2	var name = 'smalljie'; console.log(name);

在這邊我們可以看到console.log()去取得右側的變數 name，並顯示在devTools上

換另外一種角度看上述的程式碼，會發現到一開始會先 LHS 賦予值，後續到了console.log()時會去查詢、引用name的值並顯示出來

那什麼時候會發生RHS錯誤呢?

RHS的錯誤訊息相較於LHS會有稍微的不同，因為RHS並不會直接顯示出 RHS 的錯誤，他只會出現類似ReferenceError: name is not defined這種的錯誤訊息。

當然在不同瀏覽器上的錯誤訊息也會有一點點小小差異

基本上如果有遇到上面的任何錯誤，都會建議一定要修正，否則程式碼是無法正常運作的，因為 JavaScript 一旦遇到錯誤就無法往後執行