let vs var

1. 
{
    let a = 10;
    var b = 1;
}

a // ReferenceError: a is not defined.
b // 1

2.
    for (let i = 0; i < 10; i++) {}

    console.log(i);
    //ReferenceError: i is not defined
3. 
var a = [];
for (var i = 0; i < 10; i++) {
    a[i] = function () {
        console.log(i);
    };
}
a[6](); // 10

上面代码中，变量i是var声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环，变量i的值都会发生改变，而循环内被赋给数组a的function在运行时，会通过闭包读到这同一个变量i，导致最后输出的是最后一轮的i的值，也就是10。

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

4. 
for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

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

为什么需要块级作用域

ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。

1. 内层变量可能会覆盖外层变量
2. 用来计数的循环变量泄露为全局变量

ES6的块级作用域

// 块级作用域写法
{
let tmp = ...;
...
}

const

只读常量

本质
    并不是保证变量的指不得改动，而是变量指向的内存地址不得改动
    特殊情况，如果时申明一个object为const，修改object的属性时可以的，但不是修改object
        const foo = {};

        // 为 foo 添加一个属性，可以成功
        foo.prop = 123;
        foo.prop // 123

        // 将 foo 指向另一个对象，就会报错
        foo = {}; // TypeError: "foo" is read-only

变量声明方式对比 ES5 vs ES6

ES5只有两种var，function
ES6 let，const，import，class，var，function 一共6种

写法

// CommonJS的写法
var global = require('system.global')();

// ES6模块的写法
import getGlobal from 'system.global';
const global = getGlobal();