JavaScript 関数内でグローバル変数を定義するにはどうすればよいですか?

JavaScript 関数内でグローバル変数を定義する方法

概要:

JavaScript 関数は独自のローカル スコープで動作します、それらをグローバルスコープから分離します。ただし、場合によっては、関数内でグローバル変数にアクセスする必要があります。この記事では、これを実現する手法について説明します。

関数内のグローバル変数の定義:

「var」キーワードを使用せずに JavaScript 関数内で変数を直接割り当てると、その変数が次のように宣言されます。グローバル変数。これは、既存のグローバル変数との競合を引き起こす可能性がある従来のアプローチです。

最新のアプローチ:

1. 「globalThis」の使用:

最新のブラウザーおよび環境では、「globalThis」オブジェクトを使用してグローバル変数を設定できます。

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

2. 「ウィンドウ」への割り当て (ブラウザのみ):

ブラウザでは、「ウィンドウ」オブジェクトはグローバル オブジェクトとして機能します。これを使用して、関数内でグローバル変数を定義できます。

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

ベスト プラクティス:

• 可能であればグローバル変数を避けます:これらはグローバル スコープを乱雑にし、メンテナンスの問題を引き起こします。
• 使用変数宣言の「const」または「let」: 最新の宣言では、変数が再割り当てされないようにします。
• モジュールの使用を検討してください: モジュールは分離された名前空間を作成し、変数の競合を防ぎます。
• フォールバックとして関数ラッパーを使用する: モジュールがサポートされていない場合は、ラップします。コードを関数内に記述し、そのスコープ内で変数を宣言すると、同様の効果が得られます。

以上がJavaScript 関数内でグローバル変数を定義するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。