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

2023-12-29 17:55:41

varletconst 是 JavaScript 中用于声明变量的关键字,它们有一些区别。

作用域

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

变量提升

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

值的修改

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

代码示例(展示了 varletconst 的区别):

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,并在其中使用了 varletconst 来声明变量。通过 if 代码块的演示,我们可以看到 var 声明的变量会污染全局作用域,而 letconst 声明的变量不会影响函数内部的变量。另外,通过修改 const 定义的对象的属性,我们可以看到虽然不能重新赋值,但是可以修改对象的属性值。?

文章来源:https://blog.csdn.net/zxcvb0825/article/details/135283113
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。