TypeScript - let 與 const：初學者指南

你好，未來的編程超級巨星！今天，我們將深入 TypeScript 的精彩世界，並探討兩個基本概念：let 和 const。如果你以前從未寫過一行代碼，也不用擔心——我將成為你這次冒險的友好導遊。

TypeScript - let & const

理解變量：編程的基石

在我們跳進 let 和 const 之前，讓我們先來聊聊變量。想像你正在計劃一個生日派對。你需要跟蹤一些事情，比如賓客人數、蛋糕口味和派對主題。在編程中，我們使用變量來存儲和管理這種類型的信息。

變量就像是有標籤的盒子，我們可以在裡面放置不同類型的數據。我們可以在我們的程序運行時更改這些盒子裡面的內容（變量的值）。

現在，讓我們探討 TypeScript 如何給我們兩種特殊的方法來創建這些盒子：let 和 const。

使用 `let` 關鍵字聲明變量

`let` 是什麼？

let 關鍵字用於聲明可以稍後在代碼中重新賦值的變量。它就像是一個可重用的容器，可以隨著時間的推移持有不同的值。

如何使用 `let`

讓我們看一些例子：

let age = 25;
console.log(age); // 輸出：25

age = 26;
console.log(age); // 輸出：26

let name = "Alice";
console.log(name); // 輸出：Alice

name = "Bob";
console.log(name); // 輸出：Bob

在這個例子中，我們首先聲明一個變量 age 並將其設為 25。稍後，我們將其更改為 26。同樣，我們聲明 name 為 "Alice" 然後將其更改為 "Bob"。let 關鍵字允許我們重新賦值這些變量。

块作用域

let 的一个重要特性是块作用域。這意味著用 let 聲明的變量只在它被聲明的块內可訪問。一个块通常由花括號 {} 定義。

if (true) {
let secretCode = 1234;
console.log(secretCode); // 輸出：1234
}
console.log(secretCode); // 錯誤：secretCode 未定義

在這個例子中，secretCode 只在 if 块內可訪問。嘗試在块外使用它會導致錯誤。

使用 `const` 關鍵字聲明變量

`const` 是什麼？

const 關鍵字用於聲明初始化後不能被重新賦值的變量。把它想像成一個密封的盒子——一旦你放進了東西，你就無法更改它。

如何使用 `const`

讓我們看一些例子：

const PI = 3.14159;
console.log(PI); // 輸出：3.14159

PI = 3.14; // 錯誤：不能賦值給 'PI'，因為它是常量。

const DAYS_IN_WEEK = 7;
console.log(DAYS_IN_WEEK); // 輸出：7

在這些例子中，我們聲明了 PI 和一周天數的常量。如果我們嘗試重新賦值 PI，TypeScript 將會拋出錯誤。

`const` 與對象和數組

重要的是要注意，雖然 const 阻止了重新賦值，但它並不會使值本身不可變。這對於對象和數組尤為重要：

const person = {
name: "Charlie",
age: 30
};

person.age = 31; // 這是允許的
console.log(person); // 輸出：{ name: "Charlie", age: 31 }

person = { name: "David", age: 25 }; // 錯誤：不能賦值給 'person'，因為它是常量。

在這個例子中，我們可以修改 person 對象的屬性，但我們不能將 person 重新賦值為一個全新的對象。

當使用 `let` 還是 `const`

以下是一個關於何時使用每個關鍵字的快速指南：

關鍵字	使用場景
`let`	當你需要稍後重新賦值變量時
	用於循環計數器
	當值可能根據條件變化時
`const`	當你不應該重新賦值變量時
	用於聲明常量（如 PI）
	當對象和數組的引用不會被重新賦值時

最佳實踐和提示

默認使用 const：首先使用 const 來聲明所有變量。只有當你發現你需要重新賦值變量時，才切換到 let。
使用描述性名稱：為你的變量使用清晰、描述性的名稱。例如，userAge 比僅僅使用 a 更好。
大寫常量：對於真正的常量（如 PI），使用全部大寫的名稱，並使用下劃線分隔：const MAX_ARRAY_LENGTH = 100;。
保持一致性：如果你正在一個團隊中工作，遵循團隊關於使用 let 和 const 的慣例。

結論

恭喜你！你已經踏出了進入 TypeScript 變量世界的第一步。記住，let 是你靈活的夥伴，允許重新賦值，而 const 則是你堅定的伙伴，用於不應該變化的值。

在你繼續編程旅程的過程中，你會發現自己經常使用這些關鍵字。別擔心如果起初這讓你感到有些困惑——隨著練習，它會變得習以為常。

繼續編程，保持好奇心，並記住：每個專家都曾經是初學者。快樂 TypeScript！

Credits: Image by storyset

TypeScript - let 與 const：初學者指南

理解變量：編程的基石

使用 let 關鍵字聲明變量

let 是什麼？

如何使用 let

块作用域

使用 const 關鍵字聲明變量

const 是什麼？

如何使用 const

const 與對象和數組

當使用 let 還是 const