TypeScript 中 var、let、const 的区别

在 TypeScript 中，var、let 和 const 是三种不同的变量声明方式，它们各有特点，适用于不同的场景。下面我们将详细比较它们的区别。
1. 定义

• var：是 JavaScript 的原始声明方式，TypeScript 也支持。使用 var 声明的变量会被提升（hoisted）到作用域顶部。
• let：在 ES6 中引入，TypeScript 支持。使用 let 声明的变量不会被提升。
• const：也在 ES6 中引入，TypeScript 支持。使用 const 声明的变量不会被提升，且其值在声明后不可改变。
  2. 作用域
• var：具有函数作用域或全局作用域，而不是块级作用域。
• let：具有块级作用域。
• const：同样具有块级作用域，且其引用的值不可改变。
  3. 重复声明
• var：可以在同一作用域内重复声明同一变量。
• let：在同一作用域内不允许重复声明同一变量。
• const：也不允许在同一作用域内重复声明同一变量。
  4. 在 TypeScript 中的使用场景
• var：由于其是 JavaScript 的原始方式，因此在 TypeScript 中使用较少，主要用于兼容老版本的 JavaScript。
• let：常用于声明局部变量，尤其是在循环中。
• const：常用于声明常量，即值在初始化后不会改变的变量。对于不可变的值（如字符串、数字、正则表达式等），使用 const 是更好的选择。此外，对于对象和数组，如果它们的值在初始化后不会改变，也可以使用 const 进行声明。
  下面我们通过一个简单的示例来演示这三个变量的用法：

  // 使用 var 声明变量
  var x = 10;
  function test() {
  // 在函数内部可以重复声明 var 变量
  var x = 20;
  console.log(x); // 输出 20
  }
  test(); // 输出 20
  console.log(x); // 输出 10

  // 使用 let 声明变量
  let y = 30;
  function test2() {
  // 在函数内部不能重复声明 let 变量
  let y = 40; // 报错：Duplicate identifier 'y'
  console.log(y); // 输出 40（如果允许重复声明）
  }
  test2(); // 报错：Duplicate identifier 'y'（如果允许重复声明）
  console.log(y); // 输出 30

  ```typescript
  // 使用 const 声明变量
  const z = 50;
  function test3() {
  // 在函数内部不能重复声明 const 变量，也不能改变其值
  const z = 60; // 报错：Duplicate identifier ‘z’
  z = 60; // 报错：Assignment to constant variable.
  console.log(z); // 输出 50（如果允许重复声明）
  }
  test3(); // 报错：Duplicate identifier ‘z’（如果允许重复声明）
  console.log(z); // 输出 50