如何在 JavaScript 函數中定義全域變數？

如何在JavaScript 函數中定義全域變數

簡介：

JavaScript 函數在自己的本地作用域中運行，將它們與全域範圍分開。然而，有時需要存取函數內的全域變數。本文探討了實現此目的的技術。

在函數中定義全域變數：

直接在 JavaScript 函數中分配變數而不使用「var」關鍵字將其宣告為全域變數。這是一種遺留方法，可能會導致與現有全域變數發生衝突。

現代方法：

1。使用“globalThis”：

在現代瀏覽器和環境中，您可以使用“globalThis”物件來設定全域變數。

function foo() {
    globalThis.trailimage = [address, 50, 50];
}

2.指派給「window」（僅限瀏覽器）：

在瀏覽器中，「window」物件充當全域物件。您可以使用它在函數內定義全域變數。

function foo() {
    window.trailimage = [address, 50, 50];
}

最佳實踐：

• 如果可能，避免全域變數：它們會使全域範圍變得混亂並造成維護問題。
• 使用「const」或「let」用於變數宣告： 現代聲明確保變數不會重新分配。
• 考慮使用模組： 模組建立隔離的命名空間，防止變數衝突。
• 使用函數包裝器作為後備：如果不支援模組，請將程式碼包裝在函數中並聲明該範圍內的變數可以達到類似的效果。

以上是如何在 JavaScript 函數中定義全域變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！