別のJavaScriptファイルから変数をインポートする

Question

たとえば、ファミリーガイのすべての季節を1つの数字として表示したいとします。 （15） もちろん、もっと季節があるので、15から16までのすべてのファイルを変更する必要があります。 私は値の変数を作成したいので、すべてのファイルに対して一度だけ変更する必要があります。

外部js.script

var seasons = "15"; 
document.getElementById('seasons').innerHTML = seasons; 

だから今、私は私のHTMLファイル内の変数を含める：

<div id="seasons"></div> 

それは動作しますが、他の全ての三つの変数が表示されません後。

外部ファイルに変数を作成するより良い方法はありますか？

Answer 1

アプリケーション内に定数のグループが必要な場合は、名前空間にロードして他のコードの前にロードすることをお勧めします。

/* app.js */ 
 
// Create the namespace 
 
var App = {}; 
 

 
App.Constants = { 
 
    FAMILY_GUY: 15, 
 
    SIMPSONS: 28, 
 
    FUTURAMA: 7 
 
}; 
 

 
/* family-guy.js */ 
 
document.getElementById('familyGuy').innerHTML = App.Constants.FAMILY_GUY; 
 

 
/* simpsons.js */ 
 
document.getElementById('simpsons').innerHTML = App.Constants.SIMPSONS; 
 

 
/* futurama.js */ 
 
document.getElementById('futurama').innerHTML = App.Constants.FUTURAMA;

<div id="familyGuy"></div> 
 
<div id="simpsons"></div> 
 
<div id="futurama"></div> 
 

 
<!-- 
 
Imagine you're loading your files like this 
 
<script src="app.js"></script> 
 
<script src="family-guy.js"></script> 
 
<script src="simpsons.js"></script> 
 
<script src="futurama.js"></script> 
 
-->