插件窝 干货文章 JavaScript 中的临时死区 (TDZ) 和提升:

JavaScript 中的临时死区 (TDZ) 和提升:

声明 提升 变量 初始化 243    来源:    2024-10-20

JavaScript 中的临时死区 (TDZ) 和提升:

  1. 临时死区(TDZ):临时死区是指进入作用域(如块或函数)和声明变量之间的时间段。在此区域中,任何访问变量的尝试都将导致引用错误。 TDZ 存在于初始化之前使用 let、const 和 class 声明的变量。

示例:

console.log(myVar); // 未定义
控制台.log(myLet); // ReferenceError: 初始化前无法访问 'myLet'

var myVar = 5;
让 myLet = 10;

在上面的示例中,myVar 是使用 var 声明的,因此它被提升并初始化为未定义。但 myLet 在声明之前一直处于临时死区,因此尝试在声明之前访问它会引发 ReferenceError。

TDZ 要点:

立即学习“Java免费学习笔记(深入)”;

使用 let 或 const 声明的变量在块作用域内声明之前不可访问,即使它们被提升。

这可以防止在显式初始化变量之前使用变量。


  1. 提升:提升是指 JavaScript 中的行为,其中变量和函数声明在编译阶段移动到其作用域的顶部(全局作用域或函数/块作用域)。但是,仅提升声明,而不提升初始化。

示例:

console.log(myVar); // 未定义
var myVar = 5;

在上面的例子中,myVar的声明被提升到顶部,但它的初始化(myVar = 5)仍然保留在它被写入的地方。因此,当在初始化之前调用 console.log(myVar) 时,它会返回 undefined。

var、let、const 和函数的提升:

var:用 var 声明的变量会被提升并用 undefined 初始化。

console.log(myVar); // 未定义
var myVar = 10;

let 和 const:使用 let 和 const 声明的变量会被提升,但不会被初始化。它们保留在 TDZ 中直至初始化。

console.log(myLet); // 引用错误
让 myLet = 20;

函数声明:函数声明是完全提升的,这意味着您甚至可以在代码中声明函数之前调用该函数。

myFunc(); //“你好!”

函数 myFunc() {
console.log("你好!");
}


提升和 TDZ 之间的主要区别:

提升将变量和函数声明提升到其作用域的顶部。

let、const 和 class 会出现临时死区,其中变量被提升,但在初始化之前无法访问。这可以防止在声明之前访问变量。