JavaScript 作为一门动态语言,它的变量声明方式多种多样。自从 ES6 标准发布后,我们又多了两个新的关键词来声明变量——let 和 const。相比传统的 var 关键字,let 和 const 提供了更精确的变量作用域管理和更严格的变量使用规则。本篇文章将详细探讨 let 和 var 的主要区别,以及在实际编码中分别适用的场景。
作用域规则
var 作用域(函数作用域)
使用 var 声明的变量,它的作用域被限制在最近的函数体内,即所谓的“函数作用域”。这样的话,即使变量在代码块(如 {} 中)的内部声明,它也能在整个函数体内访问。
function run() {var foo = "Foo";console.log(foo); // Foo{var moo = "Mooo";console.log(moo); // Mooo}console.log(moo); // Mooo
}run();
let 作用域(块级作用域)
let 声明的变量则只在其最近的块级作用域内有效,也就是说它们只能在包含它们的 {} 内部访问,这一特性可以有效避免变量污染和变量冲突。