Kann ich Zugriff auf Variablen aus einer anderen Datei?

Ist es möglich, eine variable zu verwenden, in eine Datei namens first.js innerhalb einer anderen Datei namens second.js?

first.js enthält eine variable namens colorcodes.

warum nicht Sie Sie Zusammenführen?
Zum Beispiel könnten Sie laden die Daten von einer anderen website, während das Skript, diese zu verarbeiten, ist auf Ihrer Website: <script src="http://datasource.example.net/first.js"></script><script src="second.js"></script>
die datasource-Website nicht einen Rückruf? was ich meine: download second.js enthält: ... - Funktion secondscriptFn(o) { //do something /w data; } ... download datasource.example.net/first.js?callback=secondscriptFn dann zuerst enthalten: secondscriptFn({zurück:"#fff",vor:"#888",Seite:"#369"}); mehr kontrollierbar und robuster als Globale scope-Versionen, weil Sie kontrollieren können, die first.js Umfang...
Nur als Hinweis: wenn Sie mithilfe von jQuery, und Sie versuchen, dies zu tun. Sie müssen sicherstellen, dass Sie nicht setzen die variable, auf die Sie zugreifen möchten, aus der ersten Datei in der " $(document).ready () " - Funktion; andernfalls wird es nicht richtig geladen wird, zumindest aus meiner Erfahrung.

InformationsquelleAutor SAK | 2010-07-14

javascript scope

159

Als Fermin sagte, eine variable im globalen Bereich zugänglich sein soll, um alle Skripte geladen, nachdem Sie deklariert ist. Sie können auch eine Eigenschaft von window oder (im globalen scope) this den gleichen Effekt zu erhalten.
```
//first.js
var colorCodes = {

  back  : "#fff",
  front : "#888",
  side  : "#369"

};
```
... in einer anderen Datei ...
```
//second.js
alert (colorCodes.back); //alerts `#fff`
```
... in Ihre html-Datei ...
```
<script type="text/javascript" src="first.js"></script> 
<script type="text/javascript" src="second.js"></script> 
```
- In einem browser window ist in der global - scope- Fenster so.colorCodes und dem (globalen) Objekt colorCodes ist das gleiche Objekt.
- Stimmt... der Grund, warum ich erwähnen, es ist für Fälle, in denen Sie benötigen, um eine Globale variable aus einer nicht-globalen Geltungsbereich.
- was ist mit html? in html habe ich: <script>var variable1 = true;</script> <script src="first.js"></script> wird first.js sehen, dass die variable? Getestet habe ich es in Google Chrome-Erweiterung, und es hat nicht funktioniert
- Ich habe das gleiche problem, hast du eine Lösung finden ?
- Wenn Sie mit eslint, die Sie hinzufügen können /* global colorCodes */ auf die Zeile oben, um zu verhindern, dass "...ist nicht definiert" - Fehler-Meldung
- und Mercury code in first.js zugreifen können Variablen definiert, die auf globaler Ebene Bereich im HTML-Code aus dem script-tag. Dies kann nicht der Fall für Google Chrome-Erweiterungen, die außerhalb der Grenzen dieses SO Frage.
InformationsquelleAutor Dagg Nabbit
19

Können Sie den export der Variablen aus der ersten Datei mit export.
```
//first.js
const colorCode = {
    black: "#000",
    white: "#fff"
};
export { colorCode };
```
Importieren Sie dann die variable in der zweiten Datei mit import.
```
//second.js
import { colorCode } from './first.js'
```
export - MDN

InformationsquelleAutor Germa Vinsmoke
13

Sollte diese Arbeit - definieren Sie eine Globale variable in firstfile und greifen Sie von secondfile:
```
<script src="/firstfile.js"></script>
<script src="/secondfile.js"></script>
```
firstfile.js:
```
var colors = {
   text:'#000000',
   background:'#aaaaaa',
   something_else:'blue'
};
```
secondfile.js:
```
do_something_with(colors.background);
```
Beachten Sie, dass die Reihenfolge, in der die laden Sie die Skript-Dateien bedeutend ist für einige Browser (IE6 sicher, vielleicht andere)
- Möglicherweise müssen Sie fügen Sie die variable auf das Objekt, wie: dieser.Farben = Farben. Wenn Ihr ein Objekt nicht als ein enum, können Sie eine Funktion, um nur den Rückgabewert. diese.getTextColor = function() { return Farben.text; };
- Ja! Die Reihenfolge Kommentar war direkt an
- wie würden Sie aktualisieren eine variable von einer Seite geladen? <script type="text/javascript">Farben.background="new col"; </script> scheint nicht zu funktionieren.
InformationsquelleAutor Piskvor
10

Wollte ich gerne was Antwort oben, sagte aber, obwohl, es hat nicht mit mir gearbeitet

da war ich declaring diese Variablen inside JQuery $( document ).ready()

so stellen Sie sicher, dass Sie erklären, Ihre Variablen innerhalb der <script> tag nicht woanders

InformationsquelleAutor Basheer AL-MOMANI
4

Stieß ich auf amplify.js. Es ist wirklich einfach zu verwenden. Um einen Wert zu speichern, nennen wir es mal "myValue", Sie:
```
amplify.store("myKey", "myValue")
```
Und darauf zuzugreifen, tun Sie
```
amplify.store("myKey")
```
InformationsquelleAutor Ben Leitner
2

Wenn Sie speichern Sie Ihre colorcodes in einer globalen variable, die Sie sollten in der Lage sein, darauf zuzugreifen, die entweder aus einer javascript-Datei.
- können Sie bitte zeigen Sie ein Beispiel-code?
- finden Sie akzeptierten Antworten zum Beispiel
InformationsquelleAutor Fermin

Kann ich machen das ein wenig anders. Ich bin mir nicht sicher, warum ich diese syntax verwenden, kopiert Sie aus einem Buch vor langer Zeit. Aber jeder meiner js-Dateien definiert eine variable. Die erste Datei, für überhaupt keinen Grund, wird R genannt:

    var R = 
    { 
        somevar: 0,
        othervar: -1,

        init: function() {
          ...
        } //end init function

        somefunction: function(somearg) {
          ...
        }  //end somefunction

        ...

    }; //end variable R definition


    $( window ).load(function() {
       R.init();
    })

Dann, wenn ich ein großes Stück code, das will ich trennen, ich habe es in einer separaten Datei und einer anderen variable Namen, aber ich kann immer noch Bezug auf die R-Variablen und-Funktionen. Ich rief die neue TD für keinen guten Grund überhaupt:

    var TD = 
    { 
        xvar: 0,
        yvar: -1,

        init: function() {
           ...
        } //end init function

        sepfunction: function() {
           ...
           R.somefunction(xvar);
           ...
        }  //end somefunction

        ...

    }; //end variable TD definition


    $( window ).load(function() {
       TD.init();
    })

Können Sie sehen, wo in den TD 'sepfunction' ich nennen, die von R. somefunction.
Ich weiß, das nicht alle runtime-Effizienz, da beide scripts zu brauchen, um zu laden, aber es tut mir dabei helfen, meinen code organisiert.

InformationsquelleAutor Alan

One best way ist mit Fenster.INITIAL_STATE

<script src="/firstfile.js">
    //first.js
    window.__INITIAL_STATE__ = {
      back  : "#fff",
      front : "#888",
      side  : "#369"
    };
</script>
<script src="/secondfile.js">
    //second.js
    console.log(window.__INITIAL_STATE__)
    alert (window.__INITIAL_STATE__);
</script>

InformationsquelleAutor Karan Shaw

0

Verwenden Node.js Sie können exportieren Sie die variable über das Modul.
```
//first.js
const colorCode = {
    black: "#000",
    white: "#fff"
};
module.exports = { colorCode };
```
Dann das Modul importieren/variable in der zweiten Datei verwenden, erfordern.
```
//second.js
const { colorCode } = require('./first.js')
```
Können Sie die import und export Zufahrt von ES6 mit Webpack/Babel, aber in Node.js Sie müssen aktivieren Sie die fahne, und verwendet die .mjs-Erweiterung.

InformationsquelleAutor Xinton

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.