(面试常问)let、const、var的区别——ES6

一、用var声明变量 (let,const不具有下列属性)

1. 用var声明的变量存在变量提升（如果想复习下什么是变量提升请点 这里 ，讲的很细）:

   console.log(a); // 得到undefined,这是因为变量提升后未赋值
   var a = 100;
   

2. 用var声明的变量为window对象的属性：

   var a = 666;
   console.log(window.a);    // 666
   

3. var可以重复声明同一个变量,不会产生错误信息：

   var a=100;
   var a=1;
   console.log(a);      //输出1，第二次声明会将变量重新赋值;
   

二、用let声明变量

1. let声明的变量类似于Java和C语言中的局部变量，用let声明变量时会生成块级作用域:(块级作用域可以简单的理解为一对花括号所包围的作用域)

   while(true){
        var a=100;
        let b = 0;
        }
        console.log(a);  //100
        console.log(b);  //报错：b is not defined                             

2.当此作用域存在使用let声明变量a时,使用变量a,将只会在此块作用域里寻找a变量;若a已被声明但未赋值，将输出undefined,若a还未被声明，将报变量未被定义的错。看下面的例子:

if(true){
  let a;
  console.log(a);   //输出undefined
}

if(true){
 a=1;
 let a;
 console.log(a);//报错：a is not defined
}

三、const声明变量：

let声明变量时的两条性质const同样具有，const还具有以下性质:

• const声明变量时必须赋值，否则将报错:
  

• const声明变量后，变量值不能更改，否则将报错:
  
  总结：

• var声明变量时，存在变量提升行为，并且可以重复声明，重复声明时如果赋值，其值会被刷新,不赋值，值还为之前的值（同一作用域内）；

• let，const声明变量时，会生成块级作域，用其声明变量a后,使用变量a,将只会在此块作用域里寻找a变量。

• let，const声明变量时不会进行变量提升。

• const声明变量时必须赋值，并且值不能更改。（声明引用类型除外）；