【JavaScript】 var let const 的区别

在JavaScript中，let、var和const是用于声明变量的关键字，它们之间有一些重要的区别：

var：

• var是在ES5（ECMAScript 5）中引入的声明变量的关键字。
• 变量声明的作用域是函数作用域，而不是块级作用域。这意味着在函数内声明的变量在整个函数范围内都是可见的。
• 如果在块级作用域内（例如if语句、for循环等）使用var声明变量，该变量将成为函数范围内的变量。
• var声明的变量可以被重新赋值和重新声明。

let：

• let是在ES6（ECMAScript 2015）中引入的声明变量的关键字。

• let声明的变量具有块级作用域，意味着在{}内声明的变量只在该块内部可见，在外部不可访问。

• let声明的变量可以被重新赋值，但不可以重新声明。

const：

• const也是在ES6中引入的，它用于声明常量（值不能被修改）。
• const声明的变量同样具有块级作用域，只在声明它的块内有效。
• const声明的变量必须在声明时初始化，而且不能重新赋值和重新声明。但请注意，这不表示它声明的对象或数组的内容是不可变的，只是指不能将const变量指向另一个不同的内存地址。

示例：

// 使用 var
function exampleVar() {
  if (true) {
    var x = 10;
    console.log(x); // 输出 10
  }
  console.log(x); // 输出 10，x 在函数作用域内可见
}

// 使用 let
function exampleLet() {
  if (true) {
    let y = 20;
    console.log(y); // 输出 20
  }
  console.log(y); // 报错，y 在块级作用域外不可见
}

// 使用 const
function exampleConst() {
  const z = 30;
  console.log(z); // 输出 30
  z = 40; // 报错，不能重新赋值 const 变量
}

推荐使用let和const来声明变量，因为它们提供了更严格的作用域规则和更安全的变量声明方式。只有在特定情况下需要在整个函数内部使用变量时，才应该使用var。