理解 JavaScript 變數

介紹

JavaScript 中的

變數 就像是儲存資料的容器。把它們想像成廚房裡貼有標籤的罐子——有些裝糖，有些裝麵粉，有些甚至裝餅乾！ ？它們使您的程式碼變得動態，並使您能夠儲存和操作資訊。

⭐ 變數宣告、初始化與命名約定
1️⃣ 聲明
聲明變數意味著創建它而不分配值。
？例：

let name; // Declaration

2️⃣ 初始化
初始化變數意味著第一次給它賦值。
？例：

let name = "Richa"; // Declaration + Initialization

也可以先宣告後初始化：
？例：

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

3️⃣ 命名約定
請遵循以下規則來有效地命名變數：

• 以字母、$ 或 _ 開頭。 有效：userName、_temp、$amount 無效：123name、@value
• 避免保留關鍵字：無效：let var = 10; （不能使用 var 作為名稱）
• 使用駝峰式命名法以提高可讀性： 範例：firstName、totalCost
• 具有描述性：使用 userAge 或 ProductName 來取代 x。

？例：

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

⭐變數類型
JavaScript 提供了三種宣告變數的方法：var、let 和 const。

1️⃣ var（老式）
作用域：函數作用域或全域作用域。
用法：由於其怪癖，在現代 JavaScript 中最好避免使用。
var 關鍵字在 2015 年之前在 JavaScript 中很受歡迎。但是，由於其全域作用域和提升行為，現在不太建議使用它。
？例：

var stuff = "Toy";
var stuff = "Book"; // Re-declaration allowed (confusing behavior).
console.log(stuff); // Outputs: Book

使用var，你可以多次宣告同一個變數。然而，這通常會導致錯誤和混亂的程式碼。
⁉️提升行為：
用 var 聲明的變數被“提升”，這意味著您可以在聲明它們之前使用它們。
？例：

console.log(stuff); // Outputs: undefined
var stuff = "Toy";

此行為可能會導致意外問題，因此請避免依賴 var 進行變數宣告。
？一個現實世界的例子

2️⃣ 讓（彈性）
範圍：區塊範圍（僅限於聲明的區塊）。
用法：變數值需要改變時使用let。
？例：

let jar = "Tomatos";
jar = "Spices"; // Allowed
console.log(jar); // Outputs: Spices

嘗試重新宣告 let 變數會拋出錯誤：
？例：

let jar = "Tomatos";
let jar = "Spices"; // Error: Identifier 'jar' has already been declared

與 var 不同，用 let 宣告的變數不會以相同的方式提升：
？例：

let name; // Declaration

？現實世界的例子

3️⃣ const（不可變）
作用域：塊作用域，如let
用法：初始化後不應更改的值使用 const。
const 非常適合聲明不應重新分配的常數或變數。
？例：

let name = "Richa"; // Declaration + Initialization

宣告 const 變數時必須初始化：
？例：

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

？現實世界的例子

探索變項的任務

這裡有一些例子來測試您對變數的理解：

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

結論

掌握變數是寫出乾淨且有效率的 JavaScript 程式碼的第一步。

• 盡可能使用 const 以保持穩定。
• 僅當值需要變更時才使用 let。
• 避免使用 var 以防止難以除錯的問題。

編碼愉快！ ？

以上是理解 JavaScript 變數的詳細內容。更多資訊請關注PHP中文網其他相關文章！