js暂时性死区 | 大伟的博客

暂时性死区(TDZ)是针对'const','let'这两个关键字而产生的概念。
首先变量提升这个js的基本概念无法撼动，'const'和'let'作为块级作用域也不能避免。
和'var'不同，这两个关键字将作用域限制在了‘块’中，且规定了在该块中，由这两个关键字定义的变量已经被分配内存。
即其实已经'存在'了，但程序未执行到声明处时，访问该变量都会报引用错误。
这个时候，对于该变量来说就是'暂时性死区'，通俗来说就是该变量存在，但并未完全存在

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


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


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

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

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

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

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

// 不报错
var x = x;
// 报错
let x = x;
// ReferenceError: x is not defined

上面代码报错，也是因为暂时性死区。使用let声明变量时，只要变量在还没有声明完成前使用，就会报错。上面这行就属于这个情况，在变量x的声明语句还没有执行完成前，就去取x的值，导致报错”x 未定义“

本文转载自https://blog.csdn.net/zzzzz111333/article/details/122562000