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
声明的变量则只在其最近的块级作用域内有效,也就是说它们只能在包含它们的 {}
内部访问,这一特性可以有效避免变量污染和变量冲突。