JavaScript变量声明：var的奥秘

float_六七2026-01-16 13:14

在 JavaScript 中，var 是最传统的变量声明关键字。使用 var 声明的变量有几个特点：

函数作用域 ：var 声明的变量具有函数作用域，这意味着变量只能在声明它的函数内部访问。如果在函数外部声明，则为全局作用域。
变量提升 ：var 声明的变量会发生变量提升（hoisting），这意味着变量的声明会被提升到当前作用域的顶部，但是初始化不会被提升。因此，你可以在声明之前使用变量，但它会被初始化为 undefined。
重复声明 ：使用 var 可以在同一作用域内重复声明同一个变量，后面的声明会覆盖前面的声明。
不限制声明次数 ：你可以多次使用 var 关键字声明同一个变量，每次声明都会创建一个新的变量。

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

javascript 复制代码

function myFunction() {
  var x = 10;
  if (true) {
    var x = 20; // 重复声明，覆盖外层的 x
    console.log(x); // 输出 20
  }
  console.log(x); // 输出 20，内层的声明覆盖了外层的声明
}

myFunction();

在上面的例子中，尽管 x 被声明了两次，但由于变量提升，实际上在函数内部只有一个 x 变量，其值在条件语句中被重新赋值为 20。

随着 ES6 的引入，推荐使用 let 和 const 来声明变量，因为它们提供了块作用域和更严格的限制，有助于避免变量提升和重复声明等问题。