关于 JavaScript 中 - var 关键字的说明

在 JavaScript 中，var 是早期（ES5 及之前）声明变量的主要方式。

虽然现代 JavaScript（ES6+）推荐使用 let 和 const，但理解 var 对于维护旧代码和理解 JavaScript 的历史行为至关重要。

以下是 var 的核心特性、常见问题以及与 let/const 的对比：

1. 核心特性

A. 函数作用域 (Function Scope)

var 声明的变量只在函数内部有效。如果在函数外部声明，则属于全局作用域。它不支持块级作用域（即 {} 代码块，如 if、for 内部）。

<script>
function example() {
  if (true) {
    var x = 10;
  }
  console.log(x); // 输出 10，x 在 if 块外依然可访问
}
example()
console.log(typeof x); // 输出 "undefined" (函数外不可访问)
</script>

B. 变量提升 (Hoisting)

使用 var 声明的变量会被“提升”到其作用域的顶部。这意味着你可以在声明之前就访问该变量，但其值为 undefined。测试，发现只能通过上面的例子看出来

 

C. 允许重复声明

在同一作用域内，可以使用 var 多次声明同一个变量，而不会报错。后面的声明会覆盖前面的（如果已赋值）。

var count = 1;
var count = 2; // 合法，count 变为 2
console.log(count); // 2

D. 全局对象属性

在全局作用域中使用 var 声明的变量，会成为全局对象（浏览器中是 window，Node.js 中是 global）的属性。

var globalVar = "Hello";
console.log(window.globalVar); // 在浏览器中输出 "Hello"

 

最后关于 var vs let vs const 对比表

 

什么时候还使用 var？

在现代开发（2026年语境）中，几乎不再主动使用 var。

新项目：始终使用 const（默认）和 let（当变量需要改变时）。

旧项目维护：你需要读懂 var 的逻辑，特别是在处理回调地狱或老旧的循环逻辑时。

特定兼容需求：极少数情况下，如果需要利用变量提升的特性来压缩代码或处理非常古老的浏览器环境（现在已极少见），可能会用到，但这通常被视为反模式。

 

总结建议

默认使用 const：声明那些不需要重新赋值的变量。

需要变动时使用 let：声明计数器、标志位等。

避免使用 var：除非你非常清楚自己在做什么（例如故意利用函数作用域或提升），否则它会带来难以调试的作用域问题和意外行为。

 

 

 

尊重别人的劳动成果 转载请务必注明出处：https://www.cnblogs.com/5201351/p/19726437