首頁 >web前端 >js教程 >JavaScript 中的臨時死區 (TDZ) 與提升:

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

DDD
DDD原創
2024-09-18 17:39:06508瀏覽

Temporal Dead Zone (TDZ) and Hoisting in JavaScript:

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn