JavaScript中暂时性死区在前端开发中有哪些应用场景？

10 min read

JavaScript中的暂时性死区是指在代码块内，let和const声明的变量在声明之前是不能被访问的，这个变量在代码块声明前会进入一个暂时性的“死区”，也就是说，在声明之前，如果你想要使用这个变量，会抛出一个ReferenceError。

暂时性死区的出现防止了变量的提升，确保了变量的作用域准确性，在代码块内使用let和const声明的变量，在声明之前就使用，就会报错。这些特性都增强了代码的可读性和可维护性。

暂时性死区在实际编码中的应用场景较少，但可以通过使用立即执行函数表达式（IIFE）来模拟一个块级作用域，以避免全局空间被污染。例如：

(function() {
  var myVar = 'Hello'; 
  console.log(myVar); // Hello
})();
console.log(myVar); // ReferenceError: myVar is not defined

在IIFE内部定义的变量 myVar 在函数外部会抛出一个 ReferenceError，因为它在全局作用域中不可用。

除此之外，暂时性死区的存在也可以防止在代码块内意外覆盖外部作用域的变量。例如：

const count = 0;
{
  const count = 1;
  console.log(count); // 1
}
console.log(count); // 0

上述代码中外部作用域的变量 count 被内部作用域的变量 count 定义覆盖，但由于暂时性死区，内部的 count 变量不会覆盖外部的 count 变量。