暂时性死区（TDZ）

定义：

ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。
总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）。

前提需知： 变量提升。

在es5中使用var声明变量，在调用之前会对变量进行一个提升

console.log(a);
var a = 0;

打印结果是undefined,这是因为js编译器对a进行了一个提升，提升后的代码

var a ;
console.log(a);
a = 0;

所以打印结果是undefined。
而在es6里，使用let声明变量，不再进行提升

console.log(a);  //  打印结果：ReferenceError（引用错误），证明没有对a进行提升
let a = 0;

———————————————————华丽的分割线———————————————————

① 验证死区

根据定义，在使用let的作用域内，没有使用let声明变量之前对变量的引用都会形成“死区”

    {
        // TDZ开始，形成死区
        x = '123';   // let作用域内，无法对变量进行提升
        console.log(x); // ReferenceError,程序无法继续运行
        // let声明，死区结束
        let x;
        console.log(x);  // undefined
        x = 'abc';
        console.log(x);   // abc
    }

上面的代码，使用了let，在括号内都是let的作用域，所以，初始未对x声明，也无法提升，第二句就开始打印，在死区内，发生ReferenceError。在let声明后，才正常运行。

——————————————————华丽的分割线———————————————————

② 常见的死区

例子1：

        function fun(x = y, y = 2){
            console.log(x);
        }
        fun();  // ReferenceError

出现“死区”原因：把y的值赋给x,但此时y还未声明。
修改：

        function fun(y = 2, x = y){
            console.log(x);
        }
        fun();  // 2

先给y声明赋值，再把y值赋给x就能找到y了。

---

例子2：

let x = x;
console.log(x);   // ReferenceError

上面代码，在let还未对x完成声明之前，就把x赋给x，所以出现“死区”。
修改:

        let x;
        x = x;
        console.log(x);  // undefined

对x声明完毕，再把x赋给x，无死区。

总结：

‘死区’出现的原因都是未声明就引用。