var/let/const的异同_let和var和const异同点-CSDN博客

	var	let	const
作用域	全局作用域	局部作用域	局部作用域
变量声明	var web; //正确	let web; //正确	const WEB; //报错，必须有初始值，如const WEB =“baidu.com”
是否可修改	可修改	可修改	若为基本数据类型，不可修改；若为引用数据类型，可修改值，不可修改引用地址
是否可重复声明	可以	报错	报错
变量提升	是	否	否

作用域
var 为全局作用域，而let和const是局部作用域，即在块作用域内使用let声明的变量或const声明的常量对块域外部无影响，简单说就是在一个{}里面生效。

      if (true) {
        var a = 1;
        let b = 2;
        const c = 3;
      }
      console.log(a); //a打印出来为 1
      console.log(b); //b is not defined
      console.log(c); //c is not defined

注意：

使用var声明变量有时会造成循环内变量过度共享。

      var a = [];
      for (var i = 0; i < 10; i++) {
        a[i] = function () {
          console.log(i);
        };
      }
      a[6](); // 10

      var a = [];
      for (let i = 0; i < 10; i++) {
        a[i] = function () {
          console.log(i);
        };
      }
      a[6](); // 6

var全局声明的变量存在于window对象中，但let声明的全局变量不是全局对象的属性。这就意味着，你不可以通过window.变量名的方式访问这些变量。它们只存在于一个不可见的块的作用域中，这个块理论上是Web页面中运行的所有JS代码的外层块。

      let a = 1;
      var b = 2;
      console.log(window.a);//undefined
      console.log(window.b);//2

变量声明
var和let可以仅声明不赋值,但是const必须赋值,否则报错。（使用const声明的常量建议大写）

      var a = 1 //正确
      let b = 1 //正确
      const C = 1 //正确

      var d //正确 d打印为undefined
      let e //正确 e打印为undefined
      const F //错误 Uncaught SyntaxError: Missing initializer in const declaration

是否可修改
var和let声明的变量,可随意修改;const声明的常量,若为基本数据类型不可修改,若为引用数据类型,可修改值,不可修改引用地址。

      var a = 1;
      a = 2;
      console.log(a); // 2

      let b = 1;
      b = 2;
      console.log(b); // 2

      //c为基本数据类型不可修改
      const c = 1;
      c = 2; //报错

      //d为引用数据类型
      const d = [1, 2, 3];
      d.push(4); //对引用数据类型进行值的修改可进行
      console.log(d); // [1,2,3,4]
      d = [1, 2, 3, 4, 5]; //对引用数据类型进行地址修改,报错
      d.lengh = 0;//清空数组(若为d = []会报错,因为修改了引用地址)

是否可重复声明
同一作用域下，使用var声明的变量可以重复声明，当然后面的会覆盖前面的。而使用let声明的变量或const声明的常量不可重复声明。但不同作用域下，三者都可以重复声明变量。

      var a = 1;
      var a = 2; //不报错,可重复声明
      console.log(a); // 2

      //let 和 const 情况相同
      let a = 3; //报错,上面已经声明过a(var 声明的也不可以)
      let b = 1;
      let b = 2; //报错,上面已经声明过b

变量提升
var 声明的变量会进行变量提升,但是赋值不提升;let声明的变量或const声明的常量不会提升。

      console.log(a); // a为undefined
      var a = 1;
      console.log(a); // a为1

      //let和const情况相同
      console.log(b); //报错,提示 b is not defined
      let b = 1;
      console.log(b); // b为1