var、let 和 const声明的变量有什么区别

var、let 和 const 是 JavaScript 中用于声明变量的关键字，它们有一些区别。

作用域

? ?var 声明的变量是函数作用域或全局作用域，而 let 和 const 声明的变量是块级作用域。块级作用域指的是代码块内部（如 {} 包裹的区域）所定义的变量只在该代码块内部可见，超出该代码块的范围就无法访问。因此，在使用 let 或 const 声明变量时，我们可以避免变量污染和命名冲突的问题。

变量提升

????????var 声明的变量会进行变量提升，即变量声明会被提升到作用域顶部，但不会进行初始化。这意味着我们可以在变量声明之前使用它，但其值为 undefined。而 let 和 const 声明的变量不会进行变量提升，如果我们在变量声明之前使用它们，就会抛出一个 ReferenceError。

值的修改

? ?var 和 let 声明的变量可以被赋予新的值，而 const 声明的变量定义后不能被重新赋值。但是，如果 const 定义的变量是一个对象或数组，我们可以修改这个对象或数组的属性或元素，但是不能重新赋值。

代码示例（展示了 var、let 和 const 的区别）：

function test() {
  var x = 1;
  let y = 2;
  const z = 3;

  if (true) {
    var x = 4; // 全局作用域，覆盖了函数内部的 x
    let y = 5; // 块级作用域，不影响函数内部的 y
    const z = 6; // 块级作用域，不影响函数内部的 z
    console.log(x, y, z); // 输出：4 5 6
  }

  console.log(x, y, z); // 输出：4 2 3

  x = 7;
  y = 8;
  // z = 9; 会抛出一个 TypeError

  console.log(x, y, z); // 输出：7 8 3

  const obj = { a: 1 };
  obj.a = 2; // 可以修改对象的属性
  // obj = { b: 2 }; 会抛出一个 TypeError

  console.log(obj); // 输出：{ a: 2 }
}

test();

在上述示例中，我们定义了一个函数 test，并在其中使用了 var、let 和 const 来声明变量。通过 if 代码块的演示，我们可以看到 var 声明的变量会污染全局作用域，而 let 和 const 声明的变量不会影响函数内部的变量。另外，通过修改 const 定义的对象的属性，我们可以看到虽然不能重新赋值，但是可以修改对象的属性值。?