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

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

複数のファイルに分散された JavaScript コードを操作する場合、データを共有する必要性が明らかになります。これを実現する 1 つのアプローチは、グローバル変数を使用することです。ユーザーは、外部 JavaScript ファイル (helpers.js) で定義されたグローバル変数が、それを呼び出す HTML ファイル内でアクセスできないままになるという問題に遭遇しました。

共有グローバル変数を作成しようとして、ユーザーはそれを定義しますHTML グローバル スコープ内と helpers.js 内の両方で。ただし、helpers.js に設定された値は HTML ファイルに反映されないようです。

ユーザーのアプローチは技術的には可能ですが、わずかな変更が必要です。重要なのは、外部 JavaScript ファイルをインクルードする前に、HTML ファイル内でグローバル変数を宣言することです。この問題を解決する方法は次のとおりです。

<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 the code that depends on helpers.js
</script></code>

helpers.js のインクルードの上に配置されたスクリプト タグでグローバル変数を定義すると、外部ファイルと、ファイル内の残りのコードの両方にアクセスできるようになります。 HTML ファイル。これにより、複数の JavaScript ファイル間でデータを共有できるようになります。

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