var、let 、const的区别

在TypeScript（以及JavaScript）中，var、let 和 const 都是用于声明变量的关键字，但它们之间有一些重要的区别。虽然你提到了 var 和 const，但我也将包括 let 以进行全面的比较。

1. 作用域（Scope）：

   • var：声明的变量具有函数作用域或全局作用域（如果声明在函数外部）。这意味着变量可以在其声明的函数内部或全局范围内被访问，但在函数外部无法访问在函数内部使用 var 声明的变量（除非该变量是全局的）。
   • let 和 const：它们声明的变量具有块级作用域（block scope），这意味着变量可以在其声明的代码块（例如大括号 {} 内的代码）内部被访问，但在该代码块外部无法访问。

2. 重新声明：

   • var：允许在同一作用域内多次声明同一个变量，但这样做会导致混淆和潜在的问题。
   • let 和 const：不允许在同一作用域内多次声明同一个变量。

3. 重新赋值：

   • var 和 let：声明的变量可以被重新赋值。
   • const：声明的变量在声明时必须被初始化，并且之后不能被重新赋值。但是，如果 const 声明的是一个对象或数组，那么你可以修改该对象或数组的内容（即其属性或元素），但不能重新分配一个新的对象或数组给该变量。

4. 提升（Hoisting）：

   • var：存在变量提升（Variable Hoisting）的现象，即 var 声明的变量会被提升到其所在作用域的顶部，但赋值操作不会提升。因此，在声明之前访问该变量会得到 undefined。
   • let 和 const：不存在变量提升，在声明之前访问它们会抛出 ReferenceError。

5. 暂时性死区（Temporal Dead Zone, TDZ）：

   • let 和 const：在它们被声明之前的区域（称为暂时性死区）中，访问这些变量会抛出 ReferenceError。
   • var：不存在暂时性死区。

为了编写更清晰、更易于理解和维护的代码，通常建议使用 let 和 const 而不是 var。当你确定一个变量的值在初始化后不会改变时，使用 const 是一个好选择。如果你需要能够在后续代码中重新赋值变量，那么使用 let。