複数の JavaScript ファイル間でグローバル変数へのアクセスを確保するにはどうすればよいですか?

複数の JavaScript ファイルにわたるグローバル変数へのアクセス

外部 JavaScript ファイル (helpers.js) からグローバル変数にアクセスする際に課題に直面しています。 ) HTML コード内で。 HTML と helpers.js の両方でグローバル変数 (myFunctionTag) を定義しようとしましたが、helpers.js で true に設定されているにもかかわらず、HTML では false として表示されます。

この問題を解決するには、キー重要なのは、JavaScript でグローバル変数がどのように定義され、アクセスされるかを理解することです。グローバル変数が関数またはコード ブロック内で宣言されると、その関数またはブロック内でスコープが設定されます。複数のファイル間でアクセスできるようにするには、変数を関数またはブロックの外側で (通常はスクリプトの先頭で) 定義する必要があります。

この特定のケースでは、myFunctionTag 変数を内部で宣言しているために問題が発生します。 <スクリプト> HTML内のタグ。 HTML が解析され、helpers.js のコードがロードされると、HTML で宣言された myFunctionTag 変数はすでにスコープ内にあります。ただし、helpers.js のバージョンは後で定義されるため、HTML のバージョンがオーバーライドされ、helpers.js で true に設定された後でも false になります。

これを修正するには、次のようにします。 helpers.js ファイルをインクルードする前に、myFunctionTag 変数を宣言する必要があります。修正されたコードは次のとおりです:

<code class="html"><script type='text/javascript'>
  var myFunctionTag = false;
</script>
<script type='text/javascript' src='js/helpers.js'></script>

<script type='text/javascript'>
  // Rest of your code that may depend on helpers.js
</script></code>

helpers.js をロードする前に関数またはブロックの外側で myFunctionTag を宣言することで、両方のファイル間で同じグローバル変数にアクセスできるようになります。

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