ES6的6种声明方式

前面两种ES5中的语法var 和function，这两种就不多说了

下面就来详细介绍下let和const、import和class

1.let

1.1只在当前代码块有用

例子：

       {
            let a = 1;
            var b = 2;
        }
        console.log(a); //报错
        console.log(b)

 // 变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环，变量i的值都会发生改变，而循环内被赋给数组a的函数内部的console.log(i)，里面的i指向的就是全局的i。也就是说，所有数组a的成员里面的i，指向的都是同一个i，导致运行时输出的是最后一轮的i的值，也就是 10
        var a = [];
        for (var i = 0; i < 10; i++) {
            a[i] = function () {
                console.log(i)
            }
        }
        console.log(a[6]());

        // 变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是6。
        var b = [];
        for (let i = 0; i < 10; i++) {
            b[i] = function () {
                console.log(i)
            }
        }
        console.log(b[6]());

// for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。
        for (let i = 0; i < 3; i++) {
            let i = 'abc';
            console.log(i);//3个abc
        }

        for (var i = 0; i < 3; i++) {
            var i = 'abc';
            console.log(i);//1个abc
        }

1.2不存在变量提升

 // let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。
          {
              console.log(b)
              console.log(a);
              let a=2 //报错
              var b=2 //undefined
          }

1.3暂时性死区

只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。

总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）。

注意：“暂时性死区”也意味着typeof不再是一个百分之百安全的操作。

暂时性死区的本质就是，只要一进入当前作用域，所要使用的变量就已经存在了，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。

 {
            let a = 1;
            if (true) {
                console.log(a);//报错
                let a;
            }
        }
        {
            function bar(x = y, y = 2) {
                return [x, y];
            }
            bar();//报错
        }
        {
            var a=a;
            let b=b;//报错
        }

1.4不允许重复声明

  //报错
        {
            var a = 1;
            let a = 1
        }
        {
            function func(arg) {
                let arg;//报错
            }
        }
        {
            function func(arg) {
                {
                    let arg;//不报错
                }
            }
        }

2.const

2.1const声明一个只读的常量。一旦声明，常量的值就不能改变。

 const PI = 3.1415;
        console.log(PI);
        PI = 3;
        // TypeError: Assignment to constant variable.

2.2const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

const foo;

// SyntaxError: Missing initializer in const declaration

2.3const 命令声明的常量也不会提升，同样存在暂时性死区，只能在声明后使用

2.4本质：const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个对象声明为常量必须非常小心。

 

3.import

这两个在后期会描述讲解

4.class