Come dichiarare una variabile globale in un file .js

Question 1

Ho bisogno di alcune variabili globali di cui ho bisogno in tutti i .jsfile.

Ad esempio, considera i seguenti 4 file:

global.js
js1.js
js2.js
js3.js

C'è un modo in cui posso dichiarare 3 variabili globali global.jse accedervi in uno qualsiasi degli altri 3 .jsfile considerando che carico tutti i 4 file sopra in un documento HTML?

Qualcuno può dirmi se questo è possibile o c'è un modo per farlo?

Question 2

Basta definire le variabili in global.js al di fuori dell'ambito della funzione:

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

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

Per assicurarti che funzioni devi includere / link a global.js prima di provare ad accedere a qualsiasi variabile definita in quel file:

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

Potresti, ovviamente, collegare i tag dello script appena prima del tag di chiusura <body> se non vuoi che il caricamento dei file js interrompa il caricamento iniziale della pagina.

Question 3

L'approccio consigliato è:

window.greeting = "Hello World!"

È quindi possibile accedervi all'interno di qualsiasi funzione:

function foo() {

   alert(greeting); // Hello World!
   alert(window["greeting"]); // Hello World!
   alert(window.greeting); // Hello World! (recommended)

}

Questo approccio è preferito per due ragioni.

L'intento è esplicito. L'uso della varparola chiave può facilmente portare a dichiarare globali varsche dovevano essere locali o viceversa. Questo tipo di scoping variabile è un punto di confusione per molti sviluppatori Javascript. Quindi, come regola generale, mi assicuro che tutte le dichiarazioni di variabili siano precedute dalla parola chiave varo dal prefisso window.
Standardizzi questa sintassi anche per leggere le variabili in questo modo, il che significa che una con scope locale varnon blocca la global varo viceversa. Ad esempio, ciò che accade qui è ambiguo:

 greeting = "Aloha";

 function foo() {
     greeting = "Hello"; // overrides global!
 }

 function bar(greeting) {
   alert(greeting);
 }

 foo();
 bar("Howdy"); // does it alert "Hello" or "Howdy" ?

Tuttavia, questo è molto più pulito e meno soggetto a errori (non è davvero necessario ricordare tutte le regole di scoping delle variabili):

 function foo() {
     window.greeting = "Hello";
 }

 function bar(greeting) {
   alert(greeting);
 }

 foo();
 bar("Howdy"); // alerts "Howdy"

Question 4

L'hai provato?

Se fate:

var HI = 'Hello World';

In global.js. E poi fai:

alert(HI);

In js1.jsesso lo avviserà bene. Devi solo includere global.jsprima del resto nel documento HTML.

L'unico problema è che devi dichiararlo nell'ambito della finestra (non all'interno di alcuna funzione).

Potresti semplicemente annullare la varparte e crearli in questo modo, ma non è una buona pratica.

Question 5

Come accennato in precedenza, esistono problemi con l'utilizzo dell'ambito più elevato nel file di script. Ecco un altro problema: il file di script potrebbe essere eseguito da un contesto che non è il contesto globale in un ambiente di runtime.

È stato proposto di assegnare windowdirettamente il globale a . Ma anche questo dipende dal tempo di esecuzione e non funziona in Node ecc. Ciò dimostra che la gestione delle variabili globali portabile richiede un'attenta considerazione e uno sforzo extra. Forse lo risolveranno nelle future versioni di ECMS!

Per ora, consiglierei qualcosa di simile per supportare una corretta gestione globale per tutti gli ambienti di runtime:

/**
 * Exports the given object into the global context.
 */
var exportGlobal = function(name, object) {
    if (typeof(global) !== "undefined")  {
        // Node.js
        global[name] = object;
    }
    else if (typeof(window) !== "undefined") {
        // JS with GUI (usually browser)
        window[name] = object;
    }
    else {
        throw new Error("Unkown run-time environment. Currently only browsers and Node.js are supported.");
    }
};


// export exportGlobal itself
exportGlobal("exportGlobal", exportGlobal);

// create a new global namespace
exportGlobal("someothernamespace", {});

È un po 'più di digitazione, ma rende la gestione delle variabili globali a prova di futuro.

Dichiarazione di non responsabilità: parte di questa idea mi è venuta guardando le versioni precedenti di stacktrace.js .

Penso che si possa anche usare Webpack o altri strumenti per ottenere un rilevamento più affidabile e meno hacker dell'ambiente di runtime.

Question 6

Sì, puoi accedervi. Dovresti dichiararli in 'spazio pubblico' (al di fuori di qualsiasi funzione) come:

var globalvar1 = 'value';

Potrai accedervi in seguito, anche in altri file.