TypeScript 变量定义：提升变量声明的技巧

2023-10-03 04:52:47

在 JavaScript 中，变量声明的方式有很多种，包括 var、let 和 const。其中，let 和 const 是 TypeScript 中引入的两个相对较新的概念。与 var 相比，let 和 const 具有更严格的类型检查和块级作用域，从而可以避免 JavaScript 中常见的一些“陷阱”。

let 变量

let 声明的变量具有块级作用域，这意味着它们只能在声明它们的块中使用。如果在块外使用 let 声明的变量，则会报错。let 声明的变量还具有暂时性死区（temporal dead zone），这意味着在变量声明之前对该变量进行访问也会报错。

if (true) {
  let x = 10; // 声明 let 变量 x
  console.log(x); // 输出: 10
}

console.log(x); // 报错: x is not defined

const 变量

const 声明的变量是常量，这意味着它们的值一旦被初始化就无法被改变。const 声明的变量也具有块级作用域和暂时性死区。

const PI = 3.14; // 声明 const 常量 PI
console.log(PI); // 输出: 3.14

PI = 3.15; // 报错: Assignment to constant variable.

let 和 var 的比较

let 和 var 都可以声明变量，但 let 具有块级作用域和暂时性死区，而 var 具有全局作用域和函数作用域。这意味着 let 声明的变量只能在声明它们的块中使用，而 var 声明的变量可以在声明它们的块中以及该块的任何嵌套块中使用。

var x = 10; // 声明 var 变量 x

if (true) {
  var y = 20; // 声明 var 变量 y
  console.log(x); // 输出: 10
  console.log(y); // 输出: 20
}

console.log(x); // 输出: 10
console.log(y); // 输出: 20

let 和 const 的比较

let 和 const 都可以声明块级作用域变量，但 let 声明的变量可以重新赋值，而 const 声明的变量不能重新赋值。

let x = 10; // 声明 let 变量 x
console.log(x); // 输出: 10

x = 20; // 重新赋值
console.log(x); // 输出: 20

const PI = 3.14; // 声明 const 常量 PI
console.log(PI); // 输出: 3.14

PI = 3.15; // 报错: Assignment to constant variable.