JavaScript 中 var、let 与 const 的区别

在 JavaScript 的世界里，变量声明是基础且关键的操作。var、let 和 const 作为三种不同的变量声明方式，它们之间存在着诸多区别。

var 是 JavaScript 中较为传统的变量声明方式。它具有函数作用域，而非块级作用域。这意味着，无论在函数内的哪个块中使用 var 声明变量，该变量在整个函数内都是可见的。例如：

function test() {
    if (true) {
        var num = 10;
    }
    console.log(num); 
}
test(); 

这段代码会输出 10，因为 var 声明的变量 num 拥有函数作用域。

然而，let 和 const 是 ES6 引入的声明方式，它们具有块级作用域。这意味着变量只在声明它们的块（由花括号 {} 包裹的区域）内有效。例如：

function test() {
    if (true) {
        let num = 10;
    }
    console.log(num); 
}
test(); 

这段代码会报错，因为 num 的作用域仅限于 if 块内，在块外访问会导致找不到该变量。

var 存在变量提升现象。即变量可以在声明之前访问，只是值为 undefined。比如：

console.log(num); 
var num = 10;

这段代码不会报错，而是输出 undefined。但 let 和 const 不存在变量提升，在声明之前访问会导致“ReferenceError”错误。

const 声明常量，一旦赋值，就不能再重新赋值。如果声明的是引用类型（如对象、数组），可以修改其内部属性和元素。例如：

const obj = { name: 'John' };
obj.name = 'Jane'; 
console.log(obj); 

而 let 声明的变量可以重新赋值。

在实际编程中，理解这些区别非常重要。如果需要变量具有函数作用域且允许变量提升，var 是一个选择，但在现代 JavaScript 开发中较少使用。当需要块级作用域时，let 和 const 更为合适。如果变量的值不会改变，使用 const 声明可以增强代码的可读性和可维护性，同时避免意外的重新赋值错误。掌握 var、let 与 const 的区别，能让开发者更高效地编写 JavaScript 代码，提升程序的质量和稳定性。