ES6中的变量声明：let 与 const 带来变化

2024-02-11 09:49:03

ES6 变量声明：探索 var、let 和 const

变量声明的演变

在 JavaScript 的早期时代，只有 var 可用于声明变量。这种方法存在一些局限性，特别是缺乏块级作用域和对重新赋值的宽松限制。为了解决这些问题，ES6 引入了 let 和 const 关键字，它们为变量声明带来了新的维度。

认识 var

var 声明的变量是全局变量或函数作用域内的变量。这意味着它们可以在声明所在的整个脚本或函数中访问。如果变量在函数内部声明，它仅在该函数内可用。

// 全局作用域
var myVar = "Hello world!";

揭开 let 的神秘面纱

与 var 不同，let 声明的变量具有块级作用域，这意味着它们只能在声明所在的代码块（如函数、循环或条件语句）中访问。这有助于避免意外的全局作用域污染。

// 块级作用域
let myVar = "Hello world!";
{
  // 嵌套块级作用域
  let myVar = "Nested hello";
  console.log(myVar); // 输出: "Nested hello"
}
console.log(myVar); // 输出: "Hello world!"

常量的力量：const

const 声明的变量是常量，这意味着它们的值一旦被分配就无法更改。常量必须在声明时初始化，并且仅在声明所在的代码块中可用。

// 常量声明
const MY_CONSTANT = "This is a constant";

let 和 const 与 var 的区别

作用域： var 声明的变量具有全局或函数作用域，而 let 和 const 声明的变量具有块级作用域。

重新赋值： var 和 let 声明的变量可以重新赋值，但 const 声明的变量不能重新赋值。

声明位置： let 和 const 声明的变量必须在使用前声明，而 var 声明的变量可以在使用前或使用后声明。

示例代码：

// var 声明
var x = 10;

// let 声明
let y = 20;

// const 声明
const z = 30;

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