Variablen aus einer anderen JavaScript-Datei importieren

Question

Sagen wir, ich möchte alle Staffeln von Family Guy als eine Nummer anzeigen. (15) Aber natürlich wird es mehr Jahreszeiten geben, also müsste ich in jeder Datei die 15 bis 16 ändern und so weiter. Das für ich möchte eine Variable für den Wert erstellen, also muss ich es nur einmal für alle Dateien ändern.

externe js.script

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

So, jetzt möchte ich die Variable in meine HTML-Dateien enthalten:

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

Es funktioniert, aber nach drei Variablen alle anderen werden nicht angezeigt.

Gibt es eine bessere Möglichkeit, Variablen in einer externen Datei zu erstellen?

Answer 1

Wenn Sie innerhalb Ihrer Anwendung eine Gruppe von Konstanten benötigen, ist es normalerweise eine gute Idee, sie in einen Namespace zu laden und diesen vor jedem anderen Code zu laden.

/* 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> 
 
-->