let、const与块级作用域

ES2015之前，只有全局作用于和函作用域

作用域是ECMAScript编程中非常重要的一个概念，良好的作用域控制技巧称为了ECMAScript开发者必备的技能。以往的ECMAScript标准中，只有全局作用域和函数作用域。ES2015引入了块级作用域。

示例1：

var foo = function() {
    var local = {};
};
foo();
console.log(local); //=> undefined
//local处于函数作用域内，外部无法访问

var bar = function() {
    local = {};
};
bar();
console.log(local); //=>{}
// local未标明var，默认提升为全局作用域的变量，函数外的全局作用域内可访问

示例2：

假设在页面中，有一组按钮（A、B、C），需求是，用户点击按钮组中的按钮时，输出点击按钮的标签值。当我们用一个统一的函数对事件进行响应时，我们可能会像下面这样去循环绑定这组按钮的事件处理

var buttons = document.querySelectorAll(".button"); // 获取按钮组
var output = document.querySelector("#output"); // 获取输出容器元素

for(var i = 0;  i< buttons.length; ++i) { // 循环为每个按钮绑定点击事件
    buttons[i].addEventListener('click', function(evt){
        output.innerText = buttons[i].innerText; // 期望显示按钮自身的值
    }, false);
}

上面这段代码看上去貌似没问题，当我们点击任意一个按钮时，程序都会报错，提示Cannot read property 'innerText' of undefined。因为循环完成后i的值是3，buttons[3]并不存在。计数器i存在于上一层作用域中，就意味着在对它的引用被全部解除之前，它胡一直保存着循环结束后的值，即按钮的个数。

let定义变量的块级作用域

for(let i = 0; i < buttons.length; ++i) {
    // TODO
}

const定义常量

ES2015之前，对于常量的定义，一般都使用大写字母等方式来约定。这种妥协的“常量”是随时可以被改变的。ES2015引入了const来定义常量

// 定义一个常量
const PI = 3.1415926;
// 尝试修改
PI = 3.14; //=> Uncaught TypeError: Assignment to constant variable.

const确实创造了一个了一个不可变的内存绑定，字符串、数字、布尔值、undefined等基本值类型因为只使用了一段内存空间，所以它们由const定义，便是天生的值不可变。但对于对象和数组这类由若干内存空间片段组成的值并不会被锁定。

Object.freeze()让对象首层属性不可变

const obj1 = Object.freeze({
    a: 1,
    b: 2
});
obj1.a = 2; //=> Uncaught TypeError: Connot assign to read only property 'a' of object '