ArkTS语法基础：变量与常量：let、const与var

在今天的文章中，我们将深入探讨 TypeScript 中的变量声明，特别是 let、const 和 var 这三种常用的声明方式。它们看起来可能差不多，但实际上有很大的区别，了解它们的区别对于编写可维护且无 bug 的代码非常重要。

如果你来自 JavaScript 背景，你可能已经使用过 var 和 let，而 const 是比较新的，主要用于声明常量。我们将从基本的概念开始，逐步理解这三者之间的差异，帮助你在实际项目中做出合适的选择。

7.1 var：传统的变量声明

var 是 JavaScript 中最早的变量声明方式，虽然它仍然在 TypeScript 中可用，但它的行为并不是最直观的，这也导致了许多问题。var 有两个主要的特点：

1. 作用域：var 声明的变量是 函数作用域，而不是块级作用域。换句话说，它在函数内有效，即使在代码块（如 if 语句或 for 循环）中声明，也会被整个函数范围内的代码访问到。
2. 变量提升：使用 var 声明的变量会被提升到当前作用域的顶部。这意味着即使变量在声明之前就被访问，它也不会抛出错误（虽然值是 undefined）。

示例：

function example() {
  console.log(x);  // undefined
  var x = 10;
  console.log(x);  // 10
}

example();

在这个例子中，var 声明的变量 x 被提升到函数的顶部，因此即使在它声明之前访问它，也不会抛出错误，只会返回 undefined。

问题：

由于 var 的作用域是函数级的，且有变量提升的行为，这往往会导致一些难以调试的问题，特别是在复杂的函数和循环中。因此，现代 JavaScript 和 TypeScript 更推荐使用 let 和 const。

7.2 let：块级作用域的变量

let 是 ES6 引入的，用于声明变量。它的作用域是 块级作用域，即它仅在当前的代码块（如 if 语句、for 循环等）中有效。相比 var，let 更符合我们通常的编程习惯，避免了许多潜在的作用域问题。

示例：

function example() {
  if (true) {
    let x = 10;
    console.log(x);  // 10
  }
  console.log(x);  // Error: x is not defined
}

example();

在这个例子中，let 声明的变量 x 仅在 if 语句的代码块中有效，在外部访问它会导致 x 未定义的错误。这是因为 let 拥有块级作用域，符合直觉。

优势：

• 块级作用域：let 使得变量仅在它所在的代码块中有效，避免了作用域问题。
• 不允许重复声明：在同一作用域中，let 不能重复声明同一个变量，这有助于减少错误。

7.3 const：常量声明

const 也是 ES6 引入的，它与 let 的主要区别在于 常量。用 const 声明的变量必须在声明时就初始化，而且一旦赋值后，不能再更改。

示例：

const pi = 3.14159;
console.log(pi);  // 3.14159

pi = 3.14;  // Error: Assignment to constant variable.

在这个例子中，pi 被声明为一个常量，尝试修改它的值会导致编译错误。

特点：

• 不可重新赋值：一旦用 const 声明并赋值，它的值就不能再修改了。这使得它适合声明那些在整个程序中不应该更改的值，比如数学常量、配置项等。
• 块级作用域：与 let 一样，const 也是块级作用域的。

需要注意：

const 的限制仅适用于变量的绑定——即变量引用的内存地址不可更改。如果常量是一个对象或数组，仍然可以修改对象的属性或数组的元素。

const person = { name: "Alice", age: 25 };
person.age = 26;  // 合法，修改对象属性
person = {};  // Error: Assignment to constant variable.

7.4 let、const 和 var 的区别

总结一下 let、const 和 var 之间的主要区别：

特性	var	let	const
作用域	函数级作用域	块级作用域	块级作用域
变量提升	会被提升至作用域顶部，值为 undefined	不会被提升	不会被提升
重复声明	允许在同一作用域内重复声明变量	不允许在同一作用域内重复声明	不允许在同一作用域内重复声明
重新赋值	可以重新赋值	可以重新赋值	不允许重新赋值
常量	不适用	不适用	适用于声明常量

7.5 哪个应该优先使用？

• 优先使用 let 和 const：大多数情况下，let 和 const 更符合我们常见的编程习惯，避免了 var 的作用域问题。如果变量的值会改变，使用 let；如果变量的值不会改变，使用 const。
• 避免使用 var：除非你在维护遗留代码，或者需要兼容老旧的 JavaScript 环境，否则尽量避免使用 var。

7.6 小结：变量与常量的选择

在今天的文章中，我们讨论了 TypeScript 中三种声明变量的方式：var、let 和 const。我们了解了它们各自的特点和适用场景。总结起来，应该尽量避免使用 var，而在大多数情况下使用 let 和 const 来声明变量和常量。

• 如果变量的值不应被改变，使用 const。
• 如果变量的值会改变，使用 let。
• 尽量避免使用 var，它的作用域行为容易出错。

通过合理选择声明方式，可以让你的代码更安全、可读，也更容易调试。后面，我们将继续深入探讨 TypeScript 中的数组类型和元组类型，敬请期待！