JavaScript 中的臨時死區 (TDZ) 與提升：

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 重點：

使用 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 會出現臨時死區，其中變數被提升，但在初始化之前無法存取。這可以防止在聲明之前訪問變數。

以上是JavaScript 中的臨時死區 (TDZ) 與提升：的詳細內容。更多資訊請關注PHP中文網其他相關文章！