iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 3
0
Modern Web

JavaScript 從零開始系列 第 3

JavaScript 從零開始 - Day3- 執行環境與作用域

  • 分享至 

  • xImage
  •  

core

宣告變數在 JavaScript 中並不陌生,但執行環境與運行跟 function 作用域有相大的關係,下方有一個變數,

var Name = "Tim";

再了解變數運行先知道下方小知識,

LHS、RHS

JavaScipt 中有分成 LHS 跟 RHS,用英文全名來看很容易理解:

  • Left Hand Side(左手邊):將值賦予到左邊的變數。
  • Right Hand Side(右手邊):取值來自於右側的變數。

LHS 的運作

var Name;
Name = "Tim";
console.log(Name); //Tim

上方變數就是標準的 LHS,將值賦於到左邊的變數上,

但如果這樣寫,

'Tim'=1;

console 就會跳錯, Invalid left-hand side in assignment,表示左邊不是變數所以沒辦法給予值。

LHS 在編譯的過程就已經確立。

RHS 的運作

var man = Name;

這裡就是標準的 RHS 的運作方式,變數 man 的值,取自於右邊的 Name 的值。另一個經典的 RHS 就是函式,最常見的就是 console.log(value); 這個例子。

需要注意是,RHS 是在運作時才會執行,當有錯誤提示的時候,務必要修正,不然後面的程式碼就不會運行。

結語

基本認識 LHS 跟 RHS,對於 debug 是很有幫助的。


上一篇
JavaScript 從零開始 - Day2- 認識變數 variable 與使用方法
下一篇
JavaScript 從零開始 - Day4 - 執行環境與執行堆疊
系列文
JavaScript 從零開始40
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言