Var, Let, Const：巧用 JavaScript 中的变量声明和范围

Hoisting：变量提升的谜题

在 JavaScript 中，存在一个叫做变量提升的现象，也称为 Hoisting。这会导致变量在声明前被提升到函数或全局作用域的顶部，但其值仍然保持为 undefined。这可能会导致一些意外的行为，因此了解变量提升并正确使用变量声明方式非常重要。

Var：最传统的声明方式

var 是 JavaScript 中最早的变量声明方式，也是最宽松的。它允许变量在任何地方声明，并且在整个函数或全局作用域内有效。然而，var 存在一些缺点，例如变量提升以及容易产生变量冲突和作用域泄漏的问题。

Let：块级作用域的王者

let 是 ES6 中引入的变量声明方式，它引入了块级作用域的概念。这使得变量只在它声明所在的块（包括函数体、循环体等）内有效，有效地消除了 var 带来的变量提升和作用域泄漏问题。let 也支持变量的重新声明，但在同一块内不允许重复声明相同变量。

Const：不可变的守护者

const 也是 ES6 中引入的变量声明方式，它与 let 类似，但更为严格。const 声明的变量必须在声明时初始化，并且一旦声明就不能重新赋值。这使得 const 非常适合声明常量或那些一旦赋值后不应该改变的值，有助于提高代码的可靠性。

比较：孰优孰劣？

声明方式	范围	提升	重新声明	赋值
var	函数或全局	是	允许	允许
let	块级	是	允许（不同块内）	允许（同一块内不允许重复声明）
const	块级	是	不允许	不允许

何时何地使用哪种方式？

用例	var	let	const
声明全局变量	是	否	是
声明函数作用域变量	是	是	是
声明块级作用域变量（循环体、条件体等）	否	是	是
声明常量或不可变变量	否	否	是

结论

在 JavaScript 中，理解变量声明和范围对于编写高质量、可维护的代码至关重要。Var、let 和 const 作为不同的变量声明方式，各具特色。Var 提供了最大的灵活性，但容易产生变量提升和作用域泄漏问题。Let 引入块级作用域，消除了这些问题，但仍然允许变量重新声明。Const 声明的变量不可重新赋值，非常适合声明常量或那些一旦赋值后不应该改变的值。选择合适的变量声明方式可以使代码更加清晰、可维护和可靠。