JavaScript学习之let和var的联系与区别

let 和 var 都是用来声明变量的关键字，但它们之间存在一些关键差异，这些差异促使现代JavaScript编程实践中更倾向于使用 let 而不是 var。

区别：

1. 作用域：

   • var 声明的变量具有函数作用域或全局作用域。如果在函数内部声明一个 var 变量，它在整个函数体内都是可访问的，这可能会导致意外的副作用和难以调试的问题。
   • let 声明的变量具有块级作用域（例如，在 {} 内部声明的变量只能在该块内访问），这种特性可以更好地控制变量的作用范围，有助于减少潜在的变量冲突和提高代码的可读性与安全性。

2. 变量提升：

   • 使用 var 声明的变量会发生变量提升（hoisting），这意味着无论其实际声明的位置在哪里，在包含它的作用域内都可以访问到这个变量，并且在声明之前赋值会返回 undefined。
   • let 声明的变量虽然也会被提升，但存在“暂时性死区”，在声明前访问该变量会导致引用错误。

3. 重复声明：

   • 同一作用域内可以多次使用 var 重复声明同一个变量，不会报错。
   • let 在同一作用域内不允许重复声明，如果尝试这样做，JavaScript引擎会抛出语法错误。

4. 避免意外修改全局对象：

   • 在全局作用域下使用 var 声明的变量会被添加为全局对象（如浏览器中的 window 对象）的属性。
   • 使用 let 在全局作用域声明的变量不会自动成为全局对象的属性，这有助于防止污染全局命名空间。

综上所述，let 的引入增强了JavaScript对作用域的管理能力，降低了因变量作用域和生命周期问题引起的bug风险。因此，在ES6及以后版本的JavaScript开发中，通常建议优先使用let或const来代替 var 进行变量声明。

---

目录

区别：

作用域：

变量提升：

重复声明：

避免意外修改全局对象：

---