昨天提到我對 JavaScript 的理解是讓網頁做出反應的靈魂,但在讓它執行複雜的動作之前,程式必須先學會「記住一些準則」。於是我花了一些小時間去統整!
就像在繪畫軟體裡,我們會把圖層命名為「草稿」、「線稿」、「底色」;在電玩遊戲裡,角色也會有「名字」、「血量」、「是否存活」這些狀態。而在 JS 的世界裡,用來幫這些資訊貼標籤的概念,就叫做變數(Variables)。
宣告變數主要有兩種常見寫法:
let:裡面的資料可以被改變(例如:角色的血量、目前得分)。const:裡面的資料不能被改變(例如:角色的名字、網頁的基本設定)。有了儲存空間,接著就是放進去裡面的「資料型態」:
1. String(字串):用引號包起來的文字內容。
2. Number(數字):單純的數字,可以拿來加減乘除計算。
3. Boolean(布林值):只有 true(對)跟 false(錯)兩種狀態,常用來當開關。
const characterName = "美術仔"; // 字串(角色名字固定)
let healthPoint = 100; // 數字(血量會隨遊戲改變)
let isAlive = true; // 布林值(是否存活的狀態開關)
Day 23,搞懂了 JS 怎麼儲存與紀錄資料。
有了這些變數後,下一步就要來研究怎麼讓程式根據這些狀態「做決定」了!