javascript中var和let的区别

之前写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可以帮助开发者更好地控制变量的作用范围和生命周期，从而减少潜在的错误并提高代码质量。