複数の JavaScript ファイル内のグローバル変数を効果的に管理するにはどうすればよいですか?

複数の JavaScript ファイルにわたるグローバル変数

外部 JavaScript ファイルを操作するときに、複数のファイルにわたるグローバル変数にアクセスするという一般的な問題が発生しました。あなたの目標は、helpers.js の関数が呼び出されているかどうかを判断することであり、HTML コードと helpers.js の両方で myFunctionTag という名前のグローバル変数を作成しようとしました。

残念ながら、あなたのアプローチは実現可能ではありません。この問題は、HTML でグローバル変数を定義した後、HTML コードに helpers.js ファイルが含まれるために発生します。その結果、HTML コード内の変数が helpers.js 内の変数をオーバーライドし、関数が呼び出された場合でも false 値が残ります。

この問題を解決するには、グローバル変数を宣言する必要があります。 helpers.js ファイルをインクルードする前に。スクリプト タグを作成し、インクルードの上に変数を定義すると、その変数がすべての JavaScript コード全体で使用できるようになります。更新されたコードは次のようになります。

<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, which may depend on helpers.js
</script></code>

このアプローチに従うことで、複数の JavaScript ファイルにまたがるグローバル変数に正常にアクセスして操作できます。

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