ES6的新特性let和const

let-块级作用域

1.ES5中声明变量用var，ES6中用let声明变量，const声明常量。

2.在ES5中变量的作用域分为全局作用域和局部作用域，但是在ES6中新增了块级作用域。let的作用域是在声明变量最近的一对大括号内，var声明变量时是将变量添加到window下，而let不是。

if(true){
       let i = 100;
       console.warn(i); //100
   }
   console.log(i); //undefined
   
if(true){
       var i = 100;
       console.warn(i); //100
   }
console.log(i); //100
   

3.在for循环遍历时适合使用let声明变量，来避免全局污染。

let globalValue = 100;
   for(let i = 0; i < 10 ;i++){
       // i作用域
   }
   console.log(i); //i is not defined 

var和let的区别

重复声明

var可以重复声明变量，而let则不可以。

用var对变量再次声明时，最后一次的赋值会覆盖之前的，而let会报has been declared的错误。

var a = 10;
var a = 20;
console.log(a);  //20

变量提升

var可以提升变量的声明，而let不可以。

console.log(a);
var a = 10;  //undefined  a被定义了但是没有赋值，提升了变量声明

console.log(a);
let a = 10;  //a is not defined a没有被定义

暂时性死区

var i = 1;
function foo(){
    console.log(i);  //undefined
    var i = "hello";  //局部变量声明提升
}

let i = 1;
function foo(){
    //暂时性死区
    console.log(i);  //i is not defined i没有被定义
    let i = "hello";  
    //暂时性死区
}

const

在ES6中用const声明常量，声明必须赋值且后期不能修改。

基本类型

const VALUE = 100;
console.log(VALUE);
VALUE = 200;  //值不能改变

引用类型

const声明一个对象时，可以修改对象成员

const PERSON = {
        name:'Rose',
        age:18
    };
    console.log(PERSON);  //Rose 18

    PERSON.name = 'Jack';
    PERSON.age = 100;
    console.log(PERSON);   //Jack 100