Javascript变量提升与暂时性死区

暂时性死区：在ES6之前，使用 typeof 运算符操作一个未声明的变量时，不会报错，该变量的值以 undefined 作处理。而在ES6之后，使用ES6的变量声明方法(let, const, class…)声明的变量，不可在声明前使用 typeof 操作，否则会进行显式报错。ES6变量声明前的代码区域，称为 “暂时性死区”

1.变量提升

使用 var 时，下面的代码不会报错，这是因为使用这个关键字声明的变量会自动提升到函数作用域顶部：

function fn(){
	console.log(name);
	var name = 'abc';
}
fn(); // undefined

之所以不会报错，是因为 ECMAScript 运行时把它看成等价于如下代码：

function fn() {
	var name;
	console.log(name);
	name = 'abc';
}

这就是所谓的提升，也就是把所有变量声明都拉倒函数作用域的顶部。

2.暂时性死区

let 与 var 不同，就是 let 声明的变量不会在作用域中被提升。

// name 会被提升
console.log(name); // undefined
var name = 'abc';

// age不会被提升
console.log(age); // ReferenceError: name没有定义
let name = 'abc';

在解析代码时，JavaScript 引擎也会注意出现在块后面的 let 声明，只不过在此之前不能以任何方式来引用未声明的变量。在 let 声明之前的执行瞬间被成为” 暂时性死区 “，在此阶段引用任何后面才声明的变量都会抛出 ReferenceError。