前端面试题：什么是暂时性死区？

前端面试题：什么是暂时性死区？

1.定义：

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

2.该怎么理解呢？

​ 看下面代码：

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

​ 上面代码中，存在全局变量tmp，但是块级作用域内let又声明了一个局部变量tmp，导致后者绑定这个块级作用域，所以在let声明变量前，对tmp赋值会报错。

​ ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。

​ 再看如下代码：

if (true) {
  // TDZ开始
  tmp = 'abc'; // ReferenceError
  console.log(tmp); // ReferenceError

  let tmp; // TDZ结束(let声明之前都是暂时性死区)
  console.log(tmp); // undefined

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

​ 上面代码中，在let命令声明变量tmp之前，都属于变量tmp的“死区”。

​ 再看如下代码：

function bar(x = y, y = 2) {
  return [x, y];
}

bar(); // 报错

​ 上面代码中，调用bar函数之所以报错（某些实现可能不报错），是因为参数x默认值等于另一个参数y，而此时y还没有声明，属于”死区“ .

​ 改成如下代码：

function bar(x = 2, y = x) {
  return [x, y];
}
bar(); // [2, 2]

​ 上面代码中，如果y的默认值是x，就不会报错，因为此时x已经声明了。

​ 总结： 暂时性死区的本质就是，只要一进入当前作用域，所要使用的变量就已经存在了，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。

​ 注意：ES6 规定暂时性死区和let、const语句不出现变量提升，主要是为了减少运行时错误，防止在变量声明前就使用这个变量，从而导致意料之外的行为。这样的错误在 ES5 是很常见的，现在有了这种规定，避免此类错误就很容易了。