iT邦幫忙

2026 iThome 鐵人賽

DAY 23
0

昨天提到我對 JavaScript 的理解是讓網頁做出反應的靈魂,但在讓它執行複雜的動作之前,程式必須先學會「記住一些準則」。於是我花了一些小時間去統整!

就像在繪畫軟體裡,我們會把圖層命名為「草稿」、「線稿」、「底色」;在電玩遊戲裡,角色也會有「名字」、「血量」、「是否存活」這些狀態。而在 JS 的世界裡,用來幫這些資訊貼標籤的概念,就叫做變數(Variables)。

宣告變數主要有兩種常見寫法:

  • let:裡面的資料可以被改變(例如:角色的血量、目前得分)。
  • const:裡面的資料不能被改變(例如:角色的名字、網頁的基本設定)。

有了儲存空間,接著就是放進去裡面的「資料型態」:

1. String(字串):用引號包起來的文字內容。
2. Number(數字):單純的數字,可以拿來加減乘除計算。
3. Boolean(布林值):只有 true(對)跟 false(錯)兩種狀態,常用來當開關。

const characterName = "美術仔"; // 字串(角色名字固定)
let healthPoint = 100;         // 數字(血量會隨遊戲改變)
let isAlive = true;            // 布林值(是否存活的狀態開關)

Day 23,搞懂了 JS 怎麼儲存與紀錄資料。
有了這些變數後,下一步就要來研究怎麼讓程式根據這些狀態「做決定」了!


上一篇
Day 22|JavaScript 登場
下一篇
Day 24|條件判斷:讓程式開始做選擇(If / Else)
系列文
美術生的前端初體驗 : 從畫畫到網頁的30天 共 25 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言