在 JavaScript 中宣告全域性變數

1. 在 JavaScript 中宣告全域性變數
2. 在 JavaScript 函式中宣告全域性變數

本教程介紹瞭如何在 JavaScript 中宣告全域性變數。

變數儲存資料和資訊，可以隨時對其進行編輯。在 JavaScript 中，可以使用諸如 const，let 和 var 之類的關鍵字來宣告變數。變數的範圍通常由其宣告位置定義。在函式內部宣告的變數具有區域性作用域，因此稱為區域性變數。全域性變數是在函式外部定義的，並且可以訪問所有函式，而不僅僅是一個函式。

我們還可以使用 window 關鍵字在函式內部宣告全域性變數。當我們關閉瀏覽器視窗時，全域性變數的生命週期結束，這與函式結束時被刪除的區域性變數不同。全域性變數通常會引起除錯問題，因此通常避免使用。它們可以被任何函式修改，這帶我們很大的除錯挑戰。

在 JavaScript 中宣告全域性變數

<script>
var yourGlobalVariable;
function foo() {
    // ...
}
</script>

我們可以通過在所有函式外部宣告一個變數來宣告一個全域性變數。

在 JavaScript 函式中宣告全域性變數

在 JavaScript 中使用 globalThis 宣告全域性變數

<script>
function foo() {
    globalThis.yourGlobalVariable = ...;
}
</script>

全域性 globalThis 屬性包含全域性 this 值，該值類似於全域性物件，可用於在函式內部宣告全域性變數。

在 JavaScript 中使用 window 來宣告全域性變數

<script>
function foo() {
    window.yourGlobalVariable = ...;
}
</script>

在瀏覽器中，所有用 var 宣告的全域性變數都是 window 物件的屬性。我們可以通過將屬性附加到 window 物件上來在函式內部宣告全域性變數。