ES6(一)——let与const

1、let命令

1.1、局限性
let命令只在let声明的代码块内有效

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

let与var的比较（let更适应于for循环）

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

var定义了全局变量，使得所有的i都指向var定义i，那么在循环中不断地给a数组循环i，得到a[i,i,i,i....]，而循环最终会执行完毕，并跳出循环，所以最终a数组中都被10填充。

// 每次循环的j都会被储存到一个代码块内，这些j不会相互影响
for (let j = 0 , j < 10, j++) {
	a[j] = function(){
			consolelog(j);
	}
}
a[6]   // 6

由于let的特殊性，for循环在每次循环时都相当于产生了一个新的代码块，所以就相当于每个j都在不同的代码块。所以a[6]就会产生我们想要的值。

1.2、不存在变量提升——减少运行时的错误
var命令可以使变量在声明之前被使用，值为undefined

而let则不可以，在let声明之前使用变量会报错。

1.3、暂时性死区
只要在块级作用域内使用了let、const，那么let声明的变量就会绑定该块级区域。

var a = 2;
{
	a = 2;     //在此使用变量是错误的
	let a;
}

该例子中，代码块内使用了let声明a，那么该代码块内所有a都会与let扯上关系，而例子中a在声明之前使用，所以会报错。
所以所谓暂时性死区就是在代码块开头之后与变量声明之前这个区域就叫做该变量的暂时性死区。此时某些操作就会变得不安全，例如 typeof

typeof x;    //  报错:y is not defined
let x;

还有比较隐蔽的一些死区，例如变量未声明前不能将该变量赋值给其他变量，否则将会产生错误信息：

// y未声明，若直接使用赋值，将会产生错误：y is not defined
let x = y;
// 同理
var x= y

结果如图：

但存在一个特殊情况，使用当前变量为当前变量赋值，例如：

// 不会报错，因为var声明具有变量提升，会提到声明顶部，这就相当于：var x; x=x;
var x=x;
// 报错:y is not defined;因为let不具有变量提升特性，因此此时使用x是会报错的
let x= x

1.4、不允许重复声明

被声明过的变量不允许其他任何声明方式再次声明。

{
	var a;
	let a;     // 这是错误的，a已经被声明，不可再次声明。
}

但在全局作用域有个例外，全局作用域可使用let重复声明，let与var混合声明同一个变量会报错，即：

// 正常
let x = 2;
let x = 3;
// 报错
let x = 2;
var x = 2

2、块级作用域

ES6规范了块级作用域，使得块级作用域可以重复嵌套。
ES6 引入了块级作用域，明确允许在块级作用域之中声明函数。 ES6 规定，在块级作用域 之中，函数声明语句的行为类似于 let，在块级作用域之外不可引用。

考虑到环境导致的行为差异太大，应该避免在块级作用域内声明函数。如果确实需要，也 应该写成函数表达式的形式，而不是函数声明语句。

// 函数表达式
{
	let a = 1;
	let f =  function () {
		return a
	}
}

// 函数声明
{
	let a =1;
	function () {
		return a;
	}
}

2.1、块级作用域与函数声明
在ES5中，是没有块级作用域的概念的，函数只能在顶层作用域和函数作用域内声明：

// 在ES5中这种不在全局作用域或函数作用域内声明的函数声明方式是错误的，但考虑到兼容性，浏览器仍会正常运行这些代码
if(){
	function fn(){
		console.log(111);
	}
}

直至ES6，ES6明确了可在块级作用域内声明函数，此时函数声明相当于let，在块级作用域外不可用：

function fn(){
	console.log("outside")
}
(function(){
	if(0){
		function fn(){
			console.log("inside");	
		}
	}
	fn();
}())

在ES5环境中会输出“inside”，相当于以下代码：

function fn(){
	console.log("outside")
}
(function(){
	// ES5中函数作用域内声明函数，会将函数声明提升到作用域顶部
	function fn(){
		console.log("inside");	
	}
	if(0){}
	fn();
}())

在ES6中，理论上会输出”outside“，但实际上会报错，实际代码如下：

function fn(){
	console.log("outside")
}
(function(){
	// 此时将条件语句内的输出"inside"的函数提升至了此处，但是是以类似var的形式声明，就是ES6块级作用域内声明函数的特点2
	var fn;
	if(0){
		// 该块级作用域内函数声明将会提升到该块级作用域的头部 
		function fn(){
			console.log("inside");	
		}
	}
	fn();
}())

ES6中，块级作用域内声明函数具有以下特点：

1、允许在会计作用域内声明函数
2、函数声明类似于var，机会提升到函数作用域头部或全局作用域
3、函数声明会提升到所在块级作用域顶部

3、const命令

定义常量。例如圆周率，性质几乎与let一致，但有以下几个特点：

1、const实际是存储了变量的存储地址，对于简单类型数据直接将变量保存在内存地址，对于复合类型数据（Object/Array）则保存的是该数据对应的内存位置；
2、const声明的值不可改变，实际也不是完全不能改变，由于const声明是保存了变量的内存位置，因此对于复杂数据其实是可以改变的，那是因为改变复杂数据例如object的属性不会影响该变量的内存指针位置

对于复杂数据也是可以做到完全无法变更的，需要使用Object.freeze()方法冻结对象，若想做到完全无法变更，则将复杂数据不断遍历，遇到复杂数据就将其冻结，直至遍历结束。

4、ES6声明变量有：

var 和function是顶层对象
let 、const、 class不是顶层对象，这是由于这三种声明方式具有会受限于代码块。