之前写js定义变量时几乎全部使用var来定义变量。这种方式使代码不规范,在阅读代码时增加麻烦。
1.作用域:
var:使用var
声明的变量具有函数作用域或全局作用域。即使在if
语句或for
循环中声明,这些变量也会被视为在它们所在的函数或全局作用域内声明。这可能导致在某些情况下,变量在不经意间成为全局变量。
let:let
声明的变量遵循块作用域,这意味着变量只在声明它们的代码块或循环中有效。这使得代码的逻辑更加清晰,减少了因意外修改全局对象而引发的错误。
2.变量提升:
var:var
声明的变量会被提升到它们所在作用域的顶部,即使实际的声明语句在代码的后面出现,变量也会被提前创建并初始化为undefined
。这种机制有时会使代码行为难以预测。
let:let
不支持变量提升,变量必须在实际声明之后才能使用。如果在声明之前就使用变量,会导致“暂时性死区”,即在let
定义的变量之前的块级作用域内访问该变量会抛出错误
3.重复声明:
var:使用var
可以在同一作用域内多次声明同一变量,不会引发错误。但这种行为通常不推荐,因为它可能导致混淆和不可预见的结果。
let:使用let
在同一作用域内重复声明同一个变量会引发错误。这有助于避免代码中不必要的错误和混乱。
4.全局对象属性:
var:在全局作用域中使用var
声明的变量会成为全局对象(如window
)的属性,可以直接通过全局对象访问和修改。
let:使用let
在全局作用域中声明的变量不会成为全局对象的属性,不能通过全局对象直接访问。
5.行为一致性:
var:由于变量提升的存在,var
声明的变量可能在声明之前就被访问,这导致在使用未声明的变量时返回undefined
而不是报错。
let:let
在声明前无法使用,尝试访问会抛出ReferenceError
,从而避免了可能的逻辑错误。
综合来看,let
和var
在多个方面存在显著区别,let
提供了块作用域和更一致的行为。使用let
可以帮助开发者更好地控制变量的作用范围和生命周期,从而减少潜在的错误并提高代码质量。