ES6 学习01

let和const

let
let的使用方法与var基本一样，但是它的作用域是一个块级作用域
比如：

{
let a = 22;
var b = 10;
}
a//a is not defined
b//10

用var声明变量有时候会给我们带来一些问题，比如说

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

明显，我们要打印的是6而并非时，这是因为在for循环中，i用var声明是一个全局变量，所以当我们调用函数a[6]时，此时i的值已经是10了。

而如果我们用let声明会怎么样呢？

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

这是因为let声明的变量只在当前作用域有效，当每开始一轮循环时，i的都会是一个新的变量。这么理解，我们可以把for循环拆分成类似的代码块

{
	let i = 0;
	a[i]= function(){
	console.log(i);
  }
}

{
	let i = 1;
	a[i]= function(){
	console.log(i);
  }
}

{
	let i = 2;
	a[i]= function(){
	console.log(i);
  }
}

...

{
	let i = 10;
	a[i]= function(){
	console.log(i);
  }
}

每一轮，i都在一个新的作用域中重新声明，又由于let的特性，使得i的值只在当前作用域有效，所以当我们调用相应的函数时，都能正确打印出来我们想要的结果。如果是用var 声明，由于var声明的变量只有全局作用域和函数作用域，没有块级作用域，那么在这样的块级作用域里定义变量，都会视为全局变量，最后的值都会改变。

let不像var那样会发生“变量提升”现象。所以，变量一定要在声明后使用，否则报错。

console.log(a)//不会报错，输出undefined
console.log(b)//b is not defined
var a = 10;
let b = 10;

暂时性死区
什么是暂时性死区？ES6中规定，就算是再全局作用域中有明的变量，在块级作用域中又用let或const声明了一个同名变量，则会出现暂时性锁区的情况，即在块级作用域中，在变量声明之前不能够使用这个变量，比如：

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

在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（TDZ）

var tmp = 123
if (true) {
  // TDZ开始
  tmp = 'abc'; // tmp is not defined
  console.log(tmp); // tmp is not defined

  let tmp; // TDZ结束
  console.log(tmp); // undefined

  tmp = 123;
  console.log(tmp); // 123
}

let和const还不允许重复声明

var a = 10;
var a = 5;
console.log(a);//5

let a = 10;
let a = 5;
console.log(a);//'a' has already been declared

var a = 10;
let a = 5;
console.log(a);//'a' has already been declared 即使之前用var 声明过的变量也不可以

let不允许在相同作用域内，重复声明同一个变量。因此，不能在函数内部重新声明参数。

块级作用域
为什么需要块级作用域？
块级作用域的引入避免了，内部变量覆盖了外部变量的情况`

var tmp = new Date();

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

f(); // undefined

块级作用域与函数
ES5规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明。
但是ES6 引入了块级作用域，明确允许在块级作用域之中声明函数。
ES6 规定，块级作用域之中，函数声明语句的行为类似于let，在块级作用域之外不可引用。

const
const声明一个只读的常量。一旦声明，常量的值就不能改变。

const A = 10;
A = 20;//Assignment to constant variable.

var B = 20;
const B = 30;//Identifier 'B' has already been declared 
//const也不能重复声明变量

const声明的变量不能改变，这就说明在使用const声明变量的时候就要对其进行初始化了。
const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。

const在一些复合类型的变量中，变量名不指向数据，而是指向数据所在的地址。

const arr = [1,2,3,4]
arr.push(6);
arr//[1, 2, 3, 4, 6]

arr = [1,2,3,4];//Assignment to constant variable.