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