var、let和const的区别

一．Var变量

定义一个变量：var操作符，后跟变量名。这个变量属于当前的函数作用域，如果声明是发生在任何函数外的顶层声明，那么这个变量就属于全局作用域。

使用var声明的变量会自动提升到函数作用域顶部。

       //1.声明变量
       var food 
       //2.变量声明+初始值
        var noodle='重庆小面'
       //3.重新赋值
       noodle='兰州拉面'
       console.log(noodle);//兰州小面

       //[注意点1：变量会提升]
       console.log(num);
       var num=100;

       //[注意点2：没有块级作用域]
       for (let i = 1; i < 5; i++) {
      console.log('循环内'+ i);
        
       }
       console.log('循环外' + i);

二．Let变量

let声明的变量，具有如下几个特点：

1.let声明的变量具有块作用域的特征。

2.在同一个块级作用域，不能重复声明变量。

3.let声明的变量不存在变量提升，换一种说法，就是let声明存在暂时性死区（TDZ）。

  //声明变量
    let x = 10
    //声明并设置初始值
    let y = 99
    console.log(y);


  //用法类似于var,但是声明的变量，只能在let命令所在的代码块有效
  //在下面的代码块之中，用let和var声明了两个变量
  {
    let a=20;
    var b=88;
    console.log(a);
    console.log(b);
  } 

  console.log(foo);
   var foo = 10; //undefined 
   // let的情况
   console.log(bar);
   let bar = 56;
   

三.const变量

1.const 定义的变量，一旦定义后，就不能修改，即 const 声明的为常量。

2.并不是说 const 声明的变量其内部内容不可变.

3. const 声明创建一个值的只读引用。但这并不意味着它所持有的值是不可变的，只是变量标识符不能重新分配。

        const a = []; 
        a.push('你好啊');//可执行 
        console.log(a); 
        console.log(a.length);//1
        a.length=0;//可执行 
        console.log(a.length);//0 
        a=['哈哈哈']//Assignment to constant variable.(分配给常量变量。 )          
        console.log(a); 

四。总结

1. var 声明的变量属于函数作用域，let 和 const 声明的变量属于块级作用域；
2. var 存在变量提升现象，而 let 和 const 没有此类现象；
3. var 变量可以重复声明，而在同一个块级作用域，let 变量不能重新声明，const 变量不能修改。