let、const、var的区别

let, const和 var是 JavaScript 中用于声明变量的关键字，它们有一些区别：

1. var 是 ES5（ECMAScript 5）中引入的关键字，而 let  和 const 是 ES6（ECMAScript 2015）中引入的关键字。ES6 引入了一些新的语言特性和变量声明方式，其中包括  let 和 const 。

2. var 声明的变量是函数作用域或全局作用域的变量，而 let 和 const 声明的变量是块级作用域的变量。var 声明的变量在整个函数内部都可见，而 let 和 const 声明的变量只在声明所在的块级作用域内可见。

块级作用域是指由花括号 { } 定义的区域，在 JavaScript 中，块级作用域是由函数、循环、条件语句等创建的。块级作用域解决了ES5中的两个问题:

• 内层变量可能看盖外层变量
• 用来计数的循环变量泄露为全局变量

在传统的 JavaScript 中，只存在函数作用域和全局作用域。函数作用域是指在函数内部声明的变量只在该函数内部可见，而全局作用域中声明的变量则在整个代码文件中都可见。

然而，ES6（ECMAScript 2015）引入了 let 和 const 关键字，使得 JavaScript 中可以使用块级作用域。使用花括号 {} 创建的任何代码块都会创建一个块级作用域。

在块级作用域中，通过 let 或 const 声明的变量只在该作用域内部可见，超出该作用域的范围就无法访问。这样可以避免变量污染和命名冲突的问题。

function example() {
  var x = 10; // 函数作用域内的变量

  if (true) {
    let y = 20; // 块级作用域内的变量
    const z = 30; // 块级作用域内的常量

    console.log(x); // 可访问，输出 10
    console.log(y); // 可访问，输出 20
    console.log(z); // 可访问，输出 30
  }

  console.log(x); // 可访问，输出 10
  console.log(y); // 不可访问，引发错误
  console.log(z); // 不可访问，引发错误
}

example();

3. var 声明的变量可以被重复声明，而 let 和 const 不允许在同一作用域内重复声明同一个变量。这意味着你可以使用 var 多次声明同一个变量而不会引发错误，而使用 let 或 const 重复声明同一个变量会导致语法错误。

var x = 10;
var x = 20; // 合法，但会覆盖之前的声明
console.log(x); // 输出 20

let y = 10;
let y = 20; // 不合法，会引发语法错误

4. var 声明的变量存在变量提升（hoisting）的特性，即在其作用域内的任何位置都可以访问到变量的声明。但是，变量的赋值操作只会在代码的执行位置才会进行。let 和 const 声明的变量不存在变量提升，如果在变量声明之前访问变量，会导致引用错误。

function example() {
  var x = 10;
  if (true) {
    var x = 20; // 变量提升，覆盖了外部的 x
    console.log(x); // 输出 20
  }
  console.log(x); // 输出 20
}
example();

5. let 声明的变量具有块级作用域的特性，允许你在相同作用域内声明同名的变量。这意味着你可以在不同的块级作用域中使用相同名称的 let 变量而不会相互冲突。const 声明的变量也具有块级作用域，但它声明的是常量，一旦被赋值后就不能再修改。

function example() {
  let x = 10;
  if (true) {
    let x = 20; // 在块级作用域内重新声明了一个新的 x
    console.log(x); // 输出 20
  }
  console.log(x); // 输出 10
}
example();

6. let 和 const 声明的变量没有变量提升，所以在块级作用域之外的地方无法访问这些变量。

function example() {
  const x = 10;
  if (true) {
    const x = 20; // 在块级作用域内重新声明了一个新的 x
    console.log(x); // 输出 20
  }
  console.log(x); // 输出 10
}
example();

综上所述，let 和 const 是更现代的变量声明方式，具有块级作用域、不允许重复声明、不会变量提升等特性。推荐在开发中使用 let 和 const，尽量避免使用 var。(1)