ECMAScript6（一）

let命令：用来声明一个变量，和var非常类似

const命令：用来声明一个常量，常量就是不可以变化的量

用let和const声明变量的注意事项：

1.使用let声明的变量，所声明的变量只有在命令所在的代码块内有效

{

let a=25；

var b=30；

}

console.log(a)   // 此时会报错，a is not defined

2.使用let命令声明的变量在域解析的时候不会被提升

  (1) console.log(a)//  此时的a为undefined

var a = 25

console.log(b)// 此时报错，b is not defined

let b = 30

  (2)let f = 5；

function fn(){

f = 0；// 暂时性死区

let f = 2；

}

fn（）；   // 报错

3.let不允许在同一作用域下声明已经存在的变量

  (1) var a = 10；

let a = 10；   // 这种情况下会告诉你，a已经声明过了

  (2) let b = 0；

let b = 2；// 同样会提醒b已经声明过了

4.let和for的关系

var aBtn = document.querySelectorAll('input');

  (1) for(var i=0;i<aBtn.length;i++){
    (function(i){
        aBtn[i].onclick = function(){
            console.log(i);
        }    
    })(i)
}

(2)for(let i=0;i<aBtn.length;i++){
                 aBtn[i].onclick = function(){
                        console.log(i);
                  }
         } // 再循环语句之内是一个父作用域，在循环体之中是一个子作用域（循环语句和循环体是分离的）

const命令同样有上面let的1,2,3条特性，第一 所声明的常量只在其所在的代码块内有效，第二 声明的常量不会被提升，第三 不能声明已经被声明过得常量或者变量。除了这些，在使用const声明常量的时候需要注意的两点

1.声明的时候必须赋值

   let a；

   var a；

   const a；   // 报错

2.声明的常量存储简单的数据类型时候不可以改变其值，如果存储的是对象，那么引用不可以被改变，至于对象里面的数据如何变化，是没有关系的

(1)   const a = 1；

    a = {}    // 此时就会报错

(2) const obj = {a ：5}

obj.a = 20；

console.log(obj)    // {a:20}

解构赋值基本概念：本质上就是一种匹配模式，只要等号两边的模式相同，那么左边的变量就可以被赋予对应的值

解构赋值主要分为：1.数组的解构赋值 2.对象的解构赋值 3.基本类型的解构赋值

1.数组的解构赋值

   (1) let [a,b,c,d] = [1,2,3,4]; console.log(a,b,c,d);// 1 2 3 4

   (2) let [,,c] = [1,2,3]; console.log(c);// 3

   (3) let [c] = []; console.log(c);// undefined

   (4) let [y=2] = [ ]; console.log(y);// 2  当等号右边为空时，y等于默认的值

   (5) let [y=2] = [6]; console.log(y);// 6 当等号右边不为空时，y则等于右边的值

   (6) let [a,[[b],c]] = [1,[[2],3]]; console.log(a,b,c);// 1 2 3

2.对象的解构赋值（找到同名属性，再赋给对应变量）

   (1) let {a,b} = {b:456,a:123}; console.log(a,b);// 123 456

   (2) let {a:b} = {a:20}; console.log(b);// 20

3.基本类型的解构赋值（null和undefined是不可以进行结构赋值的）

   (1) let [a,b,c] = '12365';console.log(a,b,c); // 1 2 3 （无论等号右边的数字有多少，等号左边有几个变量，就取等号右边的几个数字，等号右边数字多了，也不会报错）

   (2) let [a,b,c] = '123'; console.log(a,b,c);// 1 2 3

   (3) let {length:len} = "hello";console.log(len); // 5 （等号右边字符串的长度）