ES6 var let const 的区别，看这篇就够了

ES6 var let const 的区别

在 ES6 中，新增了 let 和 const 声明变量的方式，相比之下，var 就显得有些老旧了。那么，let 和 const 到底有什么区别呢？本文将详细探讨这三种声明变量的方式的区别。

var

在 ES6 之前，我们都是使用 var 来声明变量的。var 声明的变量是函数作用域或全局作用域的，这意味着变量的作用域在函数内或全局可用。

示例代码：

function varTest() {
  var x = 1;
  if (true) {
    var x = 2;  // 同样的变量
    console.log(x);  // 输出 2
  }
  console.log(x);  // 输出 2
}

在上面的示例中，变量 x 被声明了两次，但是输出结果都是 2。这是因为 var 声明的变量是函数作用域或全局作用域的，所以在 if 语句块内声明的变量 x 覆盖了函数作用域内声明的变量 x。

let

let 声明的变量是块级作用域的，这意味着变量的作用域在块级作用域内可用。块级作用域包括花括号 {} 内的语句块，例如 if、for、while 等。

示例代码：

function letTest() {
  let x = 1;
  if (true) {
    let x = 2;  // 不同的变量
    console.log(x);  // 输出 2
  }
  console.log(x);  // 输出 1
}

在上面的示例中，变量 x 被声明了两次，但是输出结果分别是 2 和 1。这是因为 let 声明的变量是块级作用域的，所以在 if 语句块内声明的变量 x 不会覆盖函数作用域内声明的变量 x。

const

const 声明的变量也是块级作用域的，但是它声明的是常量，也就是说，一旦声明之后，就不能再被重新赋值。如果尝试重新赋值，会导致语法错误。

示例代码：

function constTest() {
  const x = 1;
  if (true) {
    const x = 2;  // 不同的常量
    console.log(x);  // 输出 2
  }
  console.log(x);  // 输出 1
}

在上面的示例中，变量 x 被声明了两次，但是输出结果分别是 2 和 1。这是因为 const 声明的变量是常量，所以在 if 语句块内声明的变量 x 不会覆盖函数作用域内声明的变量 x。

总结

var、let 和 const 声明变量的方式有以下区别：

• var 声明的变量是函数作用域或全局作用域的，let 和 const 声明的变量是块级作用域的。
• var 声明的变量可以被重新赋值，let 声明的变量也可以被重新赋值，但是 const 声明的变量不能被重新赋值。
• var 和 let 声明的变量可以被重新声明，但是 const 声明的变量不能被重新声明。

在实际开发中，我们应该尽可能地使用 let 和 const 声明变量，这样可以避免变量被意外修改的情况。同时，我们也应该尽量避免使用 var 声明变量，因为它的作用域不够明确，容易导致变量被误用或覆盖的情况。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e45c0a1886fbafa406d16b