ECMAScript 6 let 命令介绍

1、使用 let 命令来声明变量的总结

ES6新增了let命令 ，它是一个块级域的局部变量，而且能够给它一个初始化值。let容许把变量的做用域限制在块级域中。与 var 不一样处是：var申明变量要么是全局的，要么是函数级的，而没法是块级的。let声明的变量做用域包含定义它的块以及任何包含的子块中。在这方面，let与var很是像。它们之间主要的区别在于一个var变量的做用域是整个封闭函数。

• 它的用法相似于var，可是所声明的变量，只在let命令所在的代码块内有效。
• let命令声明的变量在循环体内的时候每次都是一个新的变量。
• 不存在变量提高。
• 暂时性死区（只要块级做用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，再也不受外部的影响。ES6明确规定，若是区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就造成了封闭做用域。凡是在声明以前就使用这些变量，就会报错）。
• 不容许重复声明。

 2、let声明的变量只在它所在的代码块有效

{
	let a = 10;
	var b = 1;
}
//console.log(b);		//1
//console.log(a);		//not defined

//for循环的计数器，就很合适使用let命令。
//计数器i只在for循环体内有效，在循环体外引用就会报错。
for (let i = 0; i < 10; i++) {
	//console.log(i);
}
//console.log(i); //not defined

3、let命令声明的变量在循环体内的时候每次都是一个新的变量

var a = [];

for (let j = 0; j < 10; j++) {
	a[j] = function(){
		return j;
	}
}

a[5]();		//5
a[4]();		//4
//上面代码中，变量j是let声明的，当前的j只在本轮循环有效，因此每一次循环的j其实都是一个新的变量，因此最后输出的是j。

4、不存在变量提高

console.log(foo);	//undefined
console.log(bar);	//not defined
var foo = 2;
let bar = 2;

5、暂时性死区

//ES6明确规定，若是区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就造成了封闭做用域。
//凡是在声明以前就使用这些变量，就会报错。
//总之，在代码块内，使用let命令声明变量以前，该变量都是不可用的。
var temp;
	
if( true ){
	temp = 'abc';		//temp is not defined(…)
	let temp;
}

var temp;
		
if( true ){
	//temp = 'abc';	        //not defined
	//console.log(temp);	//not defined
	
	let temp;
	console.log(temp);		//undefined
	temp =  3;		
	console.log(temp);		//3
}

//“暂时性死区”也意味着typeof再也不是一个百分之百安全的操做。
typeof x;		//not defined
let x;

//上面代码中，undeclared_variable是一个不存在的变量名，结果返回“undefined”。
//因此，在没有let以前，typeof运算符是百分之百安全的，永远不会报错。如今这一点不成立了。
//这样的设计是为了让你们养成良好的编程习惯，变量必定要在声明以后使用，不然就报错。
console.log(typeof undeclared_variable);	//undefined

在 ECMAScript  2015中, let将会提高这个变量到语句块的顶部。然而，在这个语句块中，在变量声明以前引用这个变量会致使一个ReferenceError。 由于let变量 在"暂存死区" (从块的开始到声明这段)。总之，暂时性死区的本质就是，只要一进入当前做用域，所要使用的变量就已经存在了，可是不可获取，只有等到声明变量的那一行代码出现，才能够获取和使用该变量。

6、不容许重复声明

//Identifier 'a' has already been declared
(function (){
	let a = 10;
	var a = 1;
}());

//Identifier 'b' has already been declared
(function (){
	let b = 10;
	let b = 1;
}());

//所以，不能在函数内部从新声明参数。
//Identifier 'arg' has already been declared
function func(arg) {
	let arg; // 报错
}

switch (x) {
  case 0:
    let foo;
    break;
    
  case 1:
    let foo; // Identifier 'foo' has already been declared
    break;
}

 

//let后跟一个函数传递的参数时将致使循环内部报错。
function go(n){
  for (let n of n.a) { // TypeError: n is not defined(…)
    console.log(n);
  }
}
go({a:[1,2,3]});

//函数内加入一个代码块就不会报错
function func(arg) {
  {
    let arg; // 不报错
  }
}

7、总结

let语句块为变量提供了局部做用域。它的做用是在单一代码块的词法范围内绑定零个或多个变量； 此外与普通语句块没有任何区别。须要特别注意的是， 在let语句块内使用 var 声明的变量，它的做用域与在let语句块以外声明没有区别；这样的变量仍然具备函数做用域。在使用let语句块时，必须使用花括号，不然会致使语法错误。

8、参考连接

http://es6.ruanyifeng.com/#docs/let

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/let

https://stackoverflow.com/questions/37916940/js-why-let-have-this-name