如何在Javascript中声明变量与理解作用域？-js教程-PHP中文网

如何在Javascript中声明变量与理解作用域？

夜晨

发布： 2025-12-17 19:11:02

原创

717人浏览过

优先使用 const，需重赋值时用 let，避免 var；const 和 let 具备块级作用域且不提升，var 仅函数作用域且存在变量提升，易导致泄露与闭包问题。

如何在javascript中声明变量与理解作用域？

在 JavaScript 中声明变量和理解作用域，关键在于分清 var、let、const 的行为差异，以及它们各自生效的**作用域边界**（全局、函数、块级）。搞错这点，很容易遇到未定义、重复声明、意外覆盖等问题。

三种声明方式的区别与适用场景

var 是老式声明，存在变量提升（hoisting）和函数作用域；let 和 const 是 ES6 引入的，支持块级作用域，且不会被提升到块外。

var：只在函数内有作用域限制；在 if 或 for 里用 var 声明，仍可在外部访问
let：允许后续赋值，但不能重复声明；只在最近的花括号 {} 内有效（如 if、for、{} 块）
const：必须初始化，且绑定不可重新赋值（注意：对象/数组内容仍可修改，只是引用地址不变）

作用域的实际表现：看代码就知道

下面这段代码能清晰体现三者的作用域差异：

if (true) {
  var a = 'var';
  let b = 'let';
  const c = 'const';
}
console.log(a); // 'var' —— var 泄露到外层
console.log(b); // ReferenceError —— let 被限制在 if 块内
console.log(c); // ReferenceError —— const 同样是块级

登录后复制