複数の JavaScript ファイル間でグローバル変数にアクセスできないのはなぜですか?

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

多くの JavaScript アプリケーションでは、モジュール性と保守性を向上させるためにコードが個別のファイルに編成されています。ただし、これらのファイル全体でグローバル変数を操作する場合、特定の制限が発生する可能性があります。

問題:

開発者は、「helpers.js」という名前の JavaScript ファイルを作成し、それを HTML ドキュメントに含めます。 HTML コード内で、「helpers.js」の特定の関数が呼び出されているかどうかを確認したいと考えていました。これを実現するために、HTML コードと「helpers.js」の両方でグローバル変数 (「myFunctionTag」) を定義しました。ただし、HTML コード内の "myFunctionTag" にアクセスしようとすると、"helpers.js" で "true" に設定されていたとしても、常に "false" が返されました。

解決策:

JavaScript では、グローバル変数はトップレベルのスコープで宣言されます。変数がスクリプト タグ内で宣言されると、新しいスコープが作成され、他のスクリプト タグで宣言された変数には影響しません。

グローバル変数 (「myFunctionTag」) が両方の HTML コードでアクセスできるようにするためおよび「helpers.js」は、スクリプト タグの外側で宣言する必要があります。修正された HTML コードは次のとおりです。

<code class="html"><script type='text/javascript'>
  var myFunctionTag = false;  <!-- Declare the global variable outside of any script tag -->
</script>
<script type='text/javascript' src='js/helpers.js'></script>    </code>

スクリプト タグの外側でグローバル変数を宣言することで、「helpers.js」ファイルを含む後続のすべてのコードでこの変数を使用できるようになりました。これにより、開発者は HTML コードから「myFunctionTag」のステータスを確認し、関数が呼び出されたかどうかに基づいて適切なアクションを実行できます。

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