iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0

前言

接下來幾天會針對基礎語法作說明,先了解變數、再認識資料類型及運算子


變數 Variable

在認識變數前,先想像一下當我們急需使用一份文件但怎麼找也找不到的情況,只能一直問自己當初怎麼不收好呢…,而為了避免發生類似這樣困窘的狀況,當我們在運用程式讓電腦操作資料前,需要先找個容器放置資料,也必須為這個容器取一個可以辨識出他的名字,以免和其他容器搞混而拿錯資料或找不到資料的狀況發生,這個容器即可稱為是變數。

當我們為變數命名時,需要遵守幾點命名慣例:

  1. 開頭不能使用數字,只能使用英文字母大小寫、$_,此外,英文字母大小寫有區分(apple和Apple都是蘋果但不是同一個的蘋果)。
  2. 舉例像是 truefalsefunction等在JS裡已經設定有特別用途存在的關鍵字不能拿來當作變數名稱 (附上W3S關鍵字參考)。
  3. 特殊符號不能使用- . 或空格,$_可以當開頭,但特殊符號其實大多都有專屬他們使用的地方,如沒有其他目的,建議使用英文字母開頭就好。
  4. 建議命名語意化,讓自己或他人在回顧、檢查及觀摩時都可以清楚明白這個變數是要用來做什麼(假設當這個變數是用於存放年齡,可以命名為myName,而不是ooxx)
  5. 最後建議,當變數名是兩個單字以上組合時(如上面的myName),JS傳統上會採camelCase命名法,也就是將第一個單字之外的單字字首大寫的方式取名。

變數如何使用

認識了變數及命名規則後,接下來要了解怎麼樣使用變數,而首先我們要知道如何宣告變數(也可以說為存放資料的容器取個名字)。

let myName = 'Mike'  // 宣告myName作為存放Mike的變數
console.log(myName) // Mike

也可以拆分成宣告及指派兩個部份

let myName
myName = 'Mike'
console.log(myName)  // Mike

根據拆分的結果可以看出

  1. 宣告一個變數叫myName
  2. 接著指派Mike這個資料到myName裡
  3. 輸出myName,最終得到Mike這個資料

兩種方式都可以幫助我們順利取得需要的資料,而這段過程亦為賦予變數值及取出變數值的觀念。


上一篇
DAY2 - Hello World
下一篇
DAY4 - var, let 和 const
系列文
菜鳥的前端學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言