《ES6入门》let和const总结

let命令

ES6新增了let命令，用于声明变量。用法类似一var，但所声明的变量只在let命令所在的代码块内有效。

• 不存在变量提升
  
  • let不像var那样会发生“变量提升”现象，所以，变量一定要在声明后使用，否则报错。
• 暂时性死区（TDZ）
  
  • 只要块级作用域内存在let明亮，他所声明的变量就“绑定”这个区域，不再受外部的影响。则这个区块对这些命令声明的变量从一开始就形成封闭作用域。只要在声明之前使用这些变量，就会报错。总之，在代码块内，使用let命令声明变量之前，该变量是不可用。

var temp = 1;
if(true) {
    //TDZ开始
    console.log(temp)       //ReferenceError
    //TDZ结束
    let temp;
    console.log(temp)       //undefined
    temp = 123;
    console.log(temp)       //123
}

• 不允许重复声明
  
  • let不允许在相同的作用域内重复声明同一个变量，即使是在函数内部重复声明参数

function() {
    let a = 10;
    var a = 20;    //报错
}

function(arg) {
    let arg;       //报错
}

function(arg) {
    {
        let arg;   //不报错
    }
}

块级作用域

为什么需要块级作用域呢，ES5只有全局作用域和函数作用域。可能会出现内层变量覆盖外层变量；用来计数的循环变量泄露为全局变量。
let实际上为JavaScritp新增了块级作用域。

• ES6允许块级作用域任意嵌套。
• 外层作用域无法读取内层作用域的变量。
• 内层作用域可以定义外层作用域的同名变量。
• 还规定函数本身的作用域在其所在的块级作用域内。
• 如果在严格模式下，函数只能在顶层作用域和函数内声明，其他情况（if代码块，循环代码块）下的声明会报错。

const命令

• const用来声明常量。一旦声明，其值就不能改变。
• const声明的常量不得改变值，意味着const一旦声明常量，就立即初始化，不能留到以后赋值。

const foo;        //SystaxError:missing = in const declaration

• const声明的常量也不提升，同样存在暂时性死区，只能在声明后使用。
• 对于复合类型的变量，变量名不指向数据，而指向数据所在的地址。const命令值保证变量名所指的地址不变，不保证该地址的数据不变。

const a = {};
a.porp = 123;
a.porp;  //123

a = {}            //TypeError: foo is read-only

• 如果想将对象冻结，应该使用Object.freeze方法

//添加不了新属性
const foo = Object.freeze({});
foo.porp = 123;    //不起作用

//除了冻结对象本身，对象的属性也应该冻结
var constantize = (obj) => {
    Object.freeze(obj);
    Object.keys(obj).foEach((key,value) => {
        if(typeof obj[key] === 'object') {
            constantize(obj[key]);
        }
    })
}

全局对象的属性

• var命令和function命令声明的全局变量依然是全局对象的属性
• let命令、const命令和class命令声明的全局变量不属于全局对象的属性。