變數的型態與應用

在學習程式設計時，變數是最基本也最重要的概念之一。變數就像是一個「容器」，可以用來儲存資料，並在程式中重複使用這些資料。

什麼是變數？

變數是一個名稱，用來代表某個值。你可以把它想像成一個標籤，貼在某個資料上，方便你在程式中使用和修改它。

舉個例子：
假設你有一個盒子，裡面裝著數字 5，你可以給這個盒子取名為 x，這樣以後只要提到 x，就知道它代表的是數字 5。

如何宣告變數？

在 JavaScript 中，我們可以使用以下三個關鍵字來宣告變數：

1. var（舊版用法，不推薦）
2. let（現代用法，建議使用）
3. const（用於宣告不會改變的變數）

使用 let 宣告變數

let x = 5; // 宣告一個變數 x，並賦值為 5
console.log(x); // 輸出 5

使用 const 宣告常數

const pi = 3.14; // 宣告一個常數 pi，並賦值為 3.14
console.log(pi); // 輸出 3.14

注意：const 宣告的變數值不能被改變。如果嘗試修改，程式會報錯。

變數的命名規則

在命名變數時，請遵守以下規則：

1. 變數名稱只能包含字母、數字、底線（_）或美元符號（$）。
2. 變數名稱不能以數字開頭。
3. 變數名稱區分大小寫，例如 myVar 和 myvar 是不同的變數。
4. 避免使用保留字（例如 let、const、if 等）作為變數名稱。

範例

let myName = 'Aaron'; // 正確
let _age = 25; // 正確
let $salary = 50000; // 正確
// let 1stPlace = "Gold"; // 錯誤，不能以數字開頭

變數的應用

變數可以用來儲存各種型態的資料，例如：

1. 數字（Number）

   let age = 30;

2. 字串（String）

   let name = 'John';

3. 布林值（Boolean）

   let isStudent = true;

4. 陣列（Array）

   let colors = ['red', 'green', 'blue'];

5. 物件（Object）

   let person = { firstName: 'John', lastName: 'Doe' };

小結

變數是程式設計的基礎，學會如何宣告和使用變數是邁向程式設計世界的第一步。試著自己動手寫一些簡單的程式，練習宣告和操作變數吧！

範例練習

試著完成以下程式碼，並預測每一行的輸出結果：

// 宣告變數
let favoriteColor = 'blue';
let age = 20;
let isStudent = true;

// 修改變數的值
favoriteColor = 'green';
age = age + 5;

// 輸出變數的值
console.log('最喜歡的顏色是：' + favoriteColor); // 輸出什麼？
console.log('年齡是：' + age); // 輸出什麼？
console.log('是否為學生：' + isStudent); // 輸出什麼？

練習目標

1. 嘗試在你的程式編輯器中執行這段程式碼。
2. 修改變數的值，觀察輸出結果的變化。
3. 試著新增更多變數，並嘗試進行運算或字串拼接。

提示：變數的值可以隨時被修改（如果是用 let 宣告的話），但如果是用 const 宣告的變數，則無法修改。

練習區

步驟 1: 建立一個新的檔案

1. 在你的專案資料夾中，建立一個名為 variable-practice.js 的檔案。

步驟 2: 撰寫以下練習

在 variable-practice.js 中完成以下練習：

1. 宣告一個 let 變數，命名為 name，並將它設定為你的名字。
2. 宣告一個 const 變數，命名為 age，並將它設定為你的年齡。
3. 使用 var 宣告一個變數，命名為 hobby，並將它設定為你的興趣。
4. 嘗試重新賦值給 const 變數，觀察會發生什麼事。
5. 在程式中輸出所有變數的值。

步驟 3: 執行檔案

1. 在終端機中執行 node variable-practice.js，檢查結果是否正確。