1. ホーム
  2. javascript

[解決済み] .js ファイルでグローバル変数を宣言する方法

2023-04-08 15:34:46

質問

私はいくつかのグローバル変数が必要で、すべての .js ファイルに必要なグローバル変数が必要です。

例えば、以下の4つのファイルを考えてみましょう。

  1. global.js
  2. js1.js
  3. js2.js
  4. js3.js

で3つのグローバル変数を宣言する方法はありますか? global.js で宣言し、他の 3 つの .js のファイルにアクセスすることができます。私はHTML文書に上記のすべての4つのファイルをロードすることを考慮?

これが可能かどうか、またはこれを達成するための回避策があるかどうか、どなたか教えていただけませんか?

どのように解決するのですか?

global.jsで、関数スコープの外に変数を定義するだけです。

// global.js
var global1 = "I'm a global!";
var global2 = "So am I!";

// other js-file
function testGlobal () {
    alert(global1);
}

これが動作することを確認するために、global.js で定義された変数にアクセスする前に、global.js をインクルードまたはリンクする必要があります。

<html>
    <head>
        <!-- Include global.js first -->
        <script src="/YOUR_PATH/global.js" type="text/javascript"></script>
        <!-- Now we can reference variables, objects, functions etc. 
             defined in global.js -->
        <script src="/YOUR_PATH/otherJsFile.js" type="text/javascript"></script>
    </head>
    [...]
</html>

もちろん、jsファイルのロードが最初のページロードを中断させたくない場合は、scriptタグを閉じる<body>-タグの直前にリンクすることができます。