在JavaScript中，let 和 const有什么不同

在JavaScript中，let 和 const 是用于声明变量的关键字，但它们有一些重要的区别

1.重新赋值：

• let 声明的变量可以重新赋值。
• const 声明的变量必须在声明时初始化，并且之后不能重新赋值

let a = 10;
a = 20; // 有效，a 的值变为 20
 
const b = 30;
b = 40; // 错误，TypeError: Assignment to constant variable.

2.块级作用域

• let 和 const 都具有块级作用域，这意味着它们只在声明它们的块（由 {} 包围的代码块）内有效。
• 相比之下，var 声明的变量具有函数作用域或全局作用域（如果声明在函数外部），这可能会导致一些意外的行为。

if (true) {
    let x = 5;
    const y = 10;
    var z = 15;
}

console.log(x); // 错误，x is not defined
console.log(y); // 错误，y is not defined
console.log(z); // 输出 15，因为 var 声明的变量具有函数作用域（或全局作用域）

3.暂时性死区（Temporal Dead Zone, TDZ）：

• 在块级作用域内，let 和 const 声明的变量在声明之前存在一个“暂时性死区”，在这个区域内访问这些变量会抛出 ReferenceError。
• var 声明的变量没有暂时性死区的问题。

console.log(foo); // 输出 undefined，因为 var 声明的变量会被提升到作用域的顶部，但值为 undefined
var foo = 'Hello';
 
console.log(bar); // 错误，ReferenceError: Cannot access 'bar' before initialization
let bar = 'World';
 
console.log(baz); // 错误，ReferenceError: Cannot access 'baz' before initialization
const baz = 'JavaScript';

常量性：

• 虽然 const 声明的是“常量”，但这并不意味着它的值不能改变。实际上，const 确保的是变量绑定的引用不能改变。如果 const 绑定的是一个对象或数组，那么对象或数组的内容仍然可以修改。

const obj = { name: 'Alice' };
obj.name = 'Bob'; // 有效，obj 的内容改变了
console.log(obj.name); // 输出 'Bob'
 
const arr = [1, 2, 3];
arr.push(4); // 有效，arr 的内容改变了
console.log(arr); // 输出 [1, 2, 3, 4]
 
const arr2 = [1, 2, 3];
arr2 = [4, 5, 6]; // 错误，TypeError: Assignment to constant variable.