详解 var、let、const之间的区别？

在 JavaScript 中，var、let 和 const 都是用于声明变量的关键字，但它们在作用域、可变性、提升（hoisting）等方面有所不同。理解这三者的区别对于编写高质量的 JavaScript 代码非常重要。

1. var、let 和 const 的主要区别

1.1 作用域（Scope）

• var: var 声明的变量具有 函数作用域，即它的作用范围仅限于函数内部。如果在函数外部声明，变量会成为全局变量。
• let 和 const: let 和 const 声明的变量具有 块级作用域，即它们只在代码块（如 if、for 等结构）内有效。

1.2 变量提升（Hoisting）

• var: var 声明的变量会被提升到函数或全局作用域的顶部，但变量的赋值操作不会被提升。因此，如果在声明之前使用 var 变量，它的值会是 undefined。
• let 和 const: let 和 const 也会被提升，但它们存在 暂时性死区（TDZ, Temporal Dead Zone），即在变量声明之前访问它们会抛出 ReferenceError。

1.3 可变性（Mutability）

• var 和 let: 通过 var 或 let 声明的变量是 可变的，即你可以重新赋值。
• const: 通过 const 声明的变量是 常量，一旦赋值后就不能再重新赋值。但是，如果 const 声明的是一个对象或数组，对象的属性或数组的元素是可以修改的。

2. 实际项目中的代码示例

示例 1：作用域（Scope）

function demoVarLetConst() {
   
  if (true) {
   
    var varVariable = 'I am a var variable';
    let letVariable = 'I am a let variable';
    const constVariable = 'I am a const variable';
  }
  
  co