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

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

ある JavaScript ファイル内で宣言された変数に、別の JavaScript ファイル内からアクセスできますか?一定の制限はありますが、答えは「はい」です。

JavaScript の変数スコープ

JavaScript では、グローバル スコープで宣言された変数は、グローバル スコープで宣言された後、読み込まれたすべてのスクリプトからアクセスできます。と宣言した。これは、first.js という名前のファイルで変数を宣言した場合、first.js の後に Second.js がロードされる限り、first.js という名前の別のファイルでその変数にアクセスできることを意味します。

例

次の例を考えてみましょう:

first.js

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

second.js

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

この例では、colorCodes 変数が first.js で宣言されています。 Second.js がロードされると、colorCode にアクセスでき、そのメンバーを取得できます。

Global Window Object

ファイル間で変数にアクセスするもう 1 つの方法は、グローバルウィンドウオブジェクト。 window オブジェクトはすべての Web ページとスクリプトで使用でき、グローバル変数と関数にアクセスするために使用できます。

例

<code class="js">// first.js
window.colorCodes = {
  back: "#fff",
  front: "#888",
  side: "#369",
};
// second.js
alert(window.colorCodes.back); // alerts "#fff"</code>

このアプローチでは、変数がスクリプトが異なる順序でロードされた場合でもアクセス可能です。

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