JavaScript 变量声明 var, let, const 的区别

在 JavaScript 中，我们可以使用 var、let 和 const 来声明变量。这三种声明变量的方式有一些区别，下面将详细讲解它们之间的差异。

var

var 是在 ES5 中引入的变量声明关键字。它有以下特点：

• 函数作用域：var 声明的变量的作用域是函数级别的，也就是说，它们在声明的函数内部可见，而在函数外部不可见。
• 变量提升：使用 var 声明的变量会被提升到函数的顶部，这意味着你可以在变量声明之前使用它们。
• 重复声明：var 允许重复声明同一个变量，而不会抛出错误。

下面是一个使用 var 声明变量的示例：

function example() {
  var x = 10;
  if (true) {
    var x = 20;
    console.log(x); // 输出 20
  }
  console.log(x); // 输出 20
}
example();

在上面的示例中，var 声明的变量 x 在函数内部和 if 语句块内部都是可见的，而且可以被重复声明。

let

let 是在 ES6 中引入的块级作用域变量声明关键字。它具有以下特点：

• 块级作用域：let 声明的变量的作用域是块级别的，也就是说，它们在声明的块内部可见，而在块外部不可见。块可以是函数、循环或任何使用花括号 {} 包裹的代码块。
• 变量提升：与 var 不同，使用 let 声明的变量不会被提升到块的顶部，这意味着你必须在变量声明之后才能使用它们。
• 不允许重复声明：let 不允许在同一个作用域内重复声明同一个变量，否则会抛出错误。

下面是一个使用 let 声明变量的示例：

function example() {
  let x = 10;
  if (true) {
    let x = 20;
    console.log(x); // 输出 20
  }
  console.log(x); // 输出 10
}
example();

在上面的示例中，let 声明的变量 x 在函数内部和 if 语句块内部都是可见的，但它们是不同的变量，互不影响。

const

const 也是在 ES6 中引入的块级作用域常量声明关键字。它具有以下特点：

• 块级作用域：const 声明的常量的作用域是块级别的，与 let 相同。
• 必须初始化：使用 const 声明的常量必须在声明时进行初始化，且不能再次赋值。
• 不允许重复声明：与 let 相同，const 也不允许在同一个作用域内重复声明同一个常量。

下面是一个使用 const 声明常量的示例：

function example() {
  const x = 10;
  if (true) {
    const x = 20;
    console.log(x); // 输出 20
  }
  console.log(x); // 输出 10
}
example();

在上面的示例中，const 声明的常量 x 在函数内部和 if 语句块内部都是可见的，但它们是不同的常量，互不影响。

总结一下：

• 使用 var 声明的变量具有函数作用域，可以重复声明。
• 使用 let 声明的变量具有块级作用域，不允许重复声明。
• 使用 const 声明的常量具有块级作用域，必须初始化且不允许重新赋值。

希望这个攻略对你有所帮助！