【零基礎】簡易JavaScript #6- Variable 及 if-else
本集重點：
- 定義變數3兄弟 const, let, var
- 資料類型 及 易錯位置
- 運算 — 用餘數分辨單雙數
- 比較邏輯 — 兩個等號易出錯？
今次介紹的，都是JavaScript 基礎知識、一些硬知識，所以建議大家直接記起來就Okay！在「#8 fetch 及async await 」，我們就會開始透過JavaScript 呼叫API。
如果本來已學會的朋友，可以直接跳過#6 和 #7。
定義3兄弟 const, let, var
初學者成功要訣是要動手做，所以建議把Browser DevTools 打開轉到Console 一起玩。
第一步建議大家打開Chrome ，在空白位置按右鍵「Inspect (檢查)」，打開DevTools 後轉到Console，這是JavaScript可以運行的地方。
Variable （變數）就像數學中的 a=1 中的a ，讓你可以記下數值。但在JavaScript中很少直接把1 放進a ，而是要使用const, let, var。
const 不可再定義寫法 ：const a=1
解說： a 以const 的形式，被定義數值後，就不能再次定義，否則系統會顯示出錯。這設計是慎防一些重要數值，中途被手殘地改寫。
例子：
✅ const a=1
❌ a=2let 可再定義寫法 ：let b=1
解說： b以let 的形式，被定義數值後，可再次定義。
例子：
✅ let b=1
✅ b=2var 可再定義(舊版本)寫法 ：var c=1
解說： var 和 let 幾乎一樣，但var 是比較舊的寫法，能夠跨過不同scope（暫不詳述），會容易造成問題。因此多用let。
例子：
✅ var c=1
✅ c=3
資料類型 及 易錯位置
String
有單引號或雙引號的文字，視為純文字。無引號當variable。
例子：‘WORD’
Number
再細分為Integer（整數）和Float（浮點數）。
例子：12345 及123.45
Boolean
分為true 或false ，不會有引號，是JavaScript中預設值。
在比較邏輯時會回傳。
例子：3>2 回傳true ，因為3比2 大
易錯位置
除了數字可以相加，String 也可以相加，但緊記不要犯錯。
- String + String = String （例子："3"＋"3" ＝"33" ）
- String + Number = String（例子："3"＋3 ＝"33" ）
- Number + Number = Number （例子：3＋3 ＝6 ）
運算 — 用餘數分辨單雙數
加減乘除跟平時差不多，只是符號有點不一樣
const a =1+1 , a 等於2
const b =1–1 , b 等於0
const c =2*2 , c 等於4
const d =8/2 , d 等於4
特別要提到 % 這符號，它是餘數的意思，我們會經常用來分辨單雙數：
4%2 是 0 （餘數是0 就是雙數）
3%2 是1（餘數不是0 就是單數）
比較邏輯
先說四個常用的，大家一看就會。
>大過 <細過 >=大過或等於 <=細過或等於
4>3 是 true
3>4 是 false
3>=3 是true
== 兩個等號易出錯
===z三個等於的意思，是比較兩邊數值是否相等，
例如 “abc”===“abc” 或 3===3 都會回true。
== 兩個等於也是比較兩邊數值，但出現了一個問題，它不比會計較兩邊的類型，即使一個是String 一個是數字也會以為是一樣。
問題來了，以下3和"3"真的相等？兩種東西不相等，所以== 兩個等號易出錯。
3==="3"// 它會看類型，所以它說是false
3=="3" // 它會說是 true
"3"+"3" 是 "33"
3+3 是 6
if-else statement
進行比較後，我們通常會配搭if-else作出一些行動。
符合某條件，進行行動A，否則進行行動B或是不行動。
以下的例子，我們 編寫如果a除以2後，餘數是0，我們就console.log(”雙數”），否則就console.log(”單數”）
作者的話 (可以略過)「我要控制科技，而不是被科技控制我！」感謝您看我的文章。
我原本是一個新聞記者，但年近30，開始感到迷惘。
於是報讀了Coding Bootcamp，3個多月成功轉職「軟件工程師」。很多朋友問我到底難不難？
我嘗試運用記者經驗，將問題深入淺出，簡短地讓沒有經驗的你，感受一下Programming適不適合自己。另一個目的，我希望累積教學經驗。
日後有手足要幫忙，我可以幫到。
即使沒有財力開公司請人，也希望授之以漁。
所以有問題請留言，我也希望知道自己哪裏講得不夠好。▲▲香港 時代▲▲