JavaScript声明变量的这四兄弟(var、let、function、const)

JavaScript声明变量的这四兄弟(var、let、function、const)攻略

在JavaScript中，我们有四种方式来声明变量：var、let、function和const。每种方式都有其特定的用途和作用域规则。下面将详细介绍这四种声明变量的方式。

1. var

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

• var声明的变量具有函数作用域，即在函数内部声明的变量只在函数内部可见。
• var声明的变量可以被重复声明，而不会引发错误。
• var声明的变量会被提升到函数作用域的顶部，即变量可以在声明之前使用。

示例1：

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

2. let

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

• let声明的变量具有块级作用域，即在块级作用域内声明的变量只在该块内可见。
• let声明的变量不允许重复声明，重复声明会引发错误。
• let声明的变量不会被提升，即变量只能在声明之后使用。

示例2：

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

3. function

在JavaScript中，函数声明也可以用来声明变量。它具有以下特点：

• 使用函数声明方式声明的变量具有函数作用域，即在函数内部声明的变量只在函数内部可见。
• 函数声明的变量可以被重复声明，而不会引发错误。
• 函数声明的变量会被提升到函数作用域的顶部，即变量可以在声明之前使用。

示例3：

function example() {
  function foo() {
    console.log(\"Hello, world!\");
  }
  foo(); // 输出\"Hello, world!\"
}
example();

4. const

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

• const声明的变量具有块级作用域，即在块级作用域内声明的变量只在该块内可见。
• const声明的变量必须进行初始化，并且不能再次赋值。
• const声明的变量不会被提升，即变量只能在声明之后使用。

示例4：

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

以上就是关于JavaScript声明变量的四种方式的详细攻略。根据不同的需求和作用域规则，选择合适的声明方式可以提高代码的可读性和可维护性。