JavaScript 中的臨時死區 (TDZ) 與提升:
範例:
console.log(myVar); // 未定義
控制台.log(myLet); // ReferenceError: 初始化前無法存取 'myLet'
var myVar = 5;
令 myLet = 10;
在上面的範例中,myVar 是使用 var 宣告的,因此它被提升並初始化為未定義。但 myLet 在聲明之前一直處於臨時死區,因此嘗試在聲明之前訪問它會引發 ReferenceError。
TDZ 重點:
使用 let 或 const 宣告的變數在區塊作用域內宣告之前不可訪問,即使它們被提升。
這可以防止在明確初始化變數之前使用變數。
範例:
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中文網其他相關文章!