es6复习let和const

块级作用域

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

第一种场景，内层变量可能会覆盖外层变量。

var tmp = new Date();

function f() {
  console.log(tmp);
  if (false) {
    var tmp = 'hello world';
  }
}

f(); // undefined

上面代码的原意是，if代码块的外部使用外层的tmp变量，内部使用内层的tmp变量。但是，函数f执行后，输出结果为undefined，原因在于变量提升，导致内层的tmp变量覆盖了外层的tmp变量。

第二种场景，用来计数的循环变量泄露为全局变量。

var s = 'hello';

for (var i = 0; i < s.length; i++) {
  console.log(s[i]);
}

console.log(i); // 5
上面代码中，变量i只用来控制循环，但是循环结束后，它并没有消失，泄露成了全局变量。

另增两个对比例子加强理解

var b = []
for(var j=0;j<10;j++){
	b[j] = j
}
b[6]   //6 


var a = [];
for (var i = 0; i < 10; i++) {
	a[i] = function(){
			console.log(i)
		}
}
a[6]	//10

var a = [];
for (let i = 0; i < 10; i++) {
	a[i] = function(){
			console.log(i)
		}
}
a[6]	// 6

而let实际上为es6新增了块级作用域。

let命令

用法类似var，只是它声明的变量，只在它所在的代码块内有效（for循环的计数器，就很适合用let）
注意:
1.let不存在变量提升，变量要在声明后才可使用
2.暂时性死区：只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响

// 暂时性死区
eg:  var temp = 123
if(true){
	temp = 234
	let temp = 1    // 这样写会报错，因为如果区块中存在let和const命令，这个区块对这些命令声明的变量，
	从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。

ES6 规定暂时性死区和let、const语句不出现变量提升，主要是为了减少运行时错误，防止在变量声明前就使用这个变量，从而导致意料之外的行为。这样的错误在 ES5 是很常见的，现在有了这种规定，避免此类错误就很容易了。

3.不允许重复声明

const命令

const声明一个只读的常量。一旦声明，常量的值就不能改变，否则会报错。
const声明的变量不得改变值，这意味着**，const一旦声明变量，就必须立即初始化，不能留到以后赋值。**
const的作用域与let命令相同：只在声明所在的块级作用域内有效；声明的变量不提示，同样存在暂时性死区，与let一样，不能重复声明。
本质
const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。
对于简单类型的数据，值保存在变量指向的内存地址，因此等同于常量。
但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的，至于它指向的数据结构是不是可变的，就完全不能控制了。
如果真的想将对象冻结，应该使用Object.freeze方法。

const foo = Object.freeze({});

// 常规模式时，下面一行不起作用；
// 严格模式时，该行会报错
foo.prop = 123;

上面代码中，常量foo指向一个冻结的对象，所以添加新属性不起作用，严格模式时还会报错。

除了将对象本身冻结，对象的属性也应该冻结。下面是一个将对象彻底冻结的函数。

var constantize = (obj) => {
  Object.freeze(obj);
  Object.keys(obj).forEach( (key, i) => {
    if ( typeof obj[key] === 'object' ) {
      constantize( obj[key] );
    }
  });
};

节选自文章：http://es6.ruanyifeng.com/#docs/let#块级作用域