ある JavaScript ファイルで定義された変数に別の JavaScript ファイルからアクセスするにはどうすればよいですか?

JavaScript でファイル間の変数にアクセスする

異なる JavaScript ファイルから変数にアクセスできますか?はい、first.js などのファイルで定義された変数を、next.js などの別のファイル内で使用することができます。

グローバル スコープとアクセス

JavaScript の場合、変数がグローバル スコープで (つまり、関数内ではなく) 宣言されている場合、その変数は、定義後にロードされたすべてのスクリプトで使用できるようになります。これは、first.js の colorCodes という名前の変数が Second.js でアクセスできることを意味します。

サンプル コード

例を示します:

<code class="javascript">// first.js
var colorCodes = {
  back  : "#fff",
  front : "#888",
  side  : "#369"
};</code>

<code class="javascript">// second.js
alert(colorCodes.back); // alerts "#fff"</code>

ロード順序とスクリプト タグ

HTML ファイルで、2 番目のスクリプトで変数を使用できるように、first.js が Second.js より前にロードされていることを確認します。

<code class="html"><script type="text/javascript" src="first.js"></script>
<script type="text/javascript" src="second.js"></script></code>

代替アプローチ

ウィンドウ オブジェクト (またはグローバル スコープ内のこれ) に変数を格納してアクセスすることもできます:

<code class="javascript">// first.js
window.colorCodes = {
  // ... same object as before
};</code>

<code class="javascript">// second.js
alert(window.colorCodes.back); // alerts "#fff"</code>

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