ES6学习笔记之 let与const

在js中，定义变量时要使用var操作符，但是var有许多的缺点，如：一个变量可以重复声明、没有块级作用域、不能限制修改等。

//缺点1：变量可以重复声明
var a=1;
var a=2;
console.log(a); //2
//缺点2：无法限制修改
//缺点3：没有块级作用域
{
    var b=12;
}
console.log(b); //12

ES6新增的let和const就解决了这些问题。下面我们来看看let和const吧。

1. let和const都不能重复声明

   let a=1;
   let a=2;
   console.log(b); //SyntaxError: Identifier 'a' has already been declared

2. let声明的是变量，值可以修改；const声明的是常量，不能修改

   const a=1;
   a=2;
   console.log(a); //TypeError: Assignment to constant variable.
   

3. 有块级作用域

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

   上面这个例子中，变量i是var定义的，作用域是在全局，全局只有一个i，每一次循环，变量i的值都会+1，循环结束后，i的值为5。所有数组a的成员，a[0]...a[4]里面的i都是同一个，所以最后输出的是5。

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

   上例中，i是用let声明的，仅在块级作用域有效。数组a的每一个成员都有一个自己的 i，所以最后输出的是2。
   另外，值得注意的是，for循环设置循环变量的那部分是父作用域，循环体内是单独的子作用域。如下例。

   for(let i=0; i<2; i++){
       let i=12;
       console.log(i);
   }
   //12
   //12
   

4. 不存在变量提升

   console.log(a); //undefined
   var a = 1;
   
   console.log(b); //ReferenceError: b is not defined
   let b = 2;

   var命令会出现变量提升的现象，即可以在声明之前使用变量，值为undefined。let 则不行，变量必须要在声明之后才能使用，否则就会向上例一样报错。

5. const的本质
   const并不是保证变量的值不能改变，而是变量指向的内存地址里面保存的数据不能发生改变。对于基本数据类型的数据，变量指向的内存地址中就直接保存它的值；对于复合类型的数据，如数组和对象，变量指向的内存地址中保存着的是一个指向实际数据的指针。

   const a = 12; //变量a指向的内存地址中存放着数字12
   //person指向的内存地址中存放着的是对象的地址，const只能保证存着的这个对象地址不变，
   //但对象本身是可变的，可以修改属性等
   
   const person = {
       name: 'lisi',
       age: 18
   }
   person.age = 19;
   console.log(person.age);    //19
   person = {};    //TypeError: Assignment to constant variable.

6. 顶层对象的属性
   顶层对象在浏览器环境下指的是window对象。

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

   var和function声明的全局变量，依旧是window对象的属性，let和const、class声明的全局变量，不属于window对象的属性。