JavaScript 變數：let、const 和 var

JavaScript 簡化：掌握互動式 Web 開發的初學者指南

第 4 篇文章（共 30 篇）：了解 JavaScript 中的變數

在這篇文章中，我們將探討什麼是變數、如何聲明它們以及它們如何在 JavaScript 中運作。

---

什麼是變數？

變數是 JavaScript 中儲存值的一種方式，以便我們以後可以使用它。將變數想像成一個帶有標籤的盒子，您可以在其中保存內容並在需要時檢索它們。

例如，您可以將其儲存在變數中並在任何地方使用，而不是在程式碼中多次編寫“John”。

---

在 JavaScript 宣告變數

JavaScript 提供了三種宣告變數的方式：

• var（舊方法，不建議）
• let （現代且建議用於可變值）
• const（對於不應更改的值）

1.使用let（建議）

let name = "John";
console.log(name);

輸出：

John

在這裡，我們：

• 建立了一個名為 name 的變數
• 為其指派值“John”
• 使用console.log()印出name的值

2.使用 const （對於常數值）

const PI = 3.1416;
console.log(PI);

輸出：

3.1416

• const 用於不應更改的值。
• 分配後，您無法重新為 PI 指派新值。

3.使用 var（舊方法 - 避免使用）

var age = 25;
console.log(age);

輸出：

25

• var 通常在 let 和 const 之前使用，但它有作用域問題，所以使用 let 或 const 來代替。

---

更改變數值

使用let，你可以改變變數的值，但使用const，你不能。

let 範例：

let city = "New York";
console.log(city); // Output: New York

city = "Los Angeles"; // Changing the value
console.log(city); // Output: Los Angeles

const 範例（這會導致錯誤）

const country = "USA";
console.log(country);

country = "Canada"; // ❌ This will cause an error
console.log(country);

錯誤：未捕獲類型錯誤：分配給常數變數。

---

變數命名規則

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

✔️ 可以包含字母、數字、$ 和 _

✔️ 必須以字母、$ 或 _（不是數字）

開頭 ✔️區分大小寫（名字和Name不同）

✔️ 不能是保留關鍵字（如let、console、function等）

有效變數名稱範例：

let name = "John";
console.log(name);

無效變數名稱範例：

John

---

實踐練習：儲存與更改值

在 script.js 檔案中試試看：

const PI = 3.1416;
console.log(PI);

預期輸出：

3.1416

---

後續步驟

現在我們了解了變數的工作原理，下一步是探索 JavaScript 中的資料類型 - 包括數字、字串、布林值等等！

敬請期待下一篇文章！ ？

---

專業提示：

？當你期望值改變時使用 let。

？當值應該保持不變時使用 const。

？除非您特別需要，否則避免使用 var。

在 LinkedIn 上追蹤我 - Ridoy Hasan
參觀我的網站 - Ridoyweb
*訪問我的代理網站*- webention digital

以上是JavaScript 變數：let、const 和 var的詳細內容。更多資訊請關注PHP中文網其他相關文章！