In quale oggetto sono memorizzate le variabili globali di Javascript?

Question

Le variabili globali sono memorizzate in un oggetto specifico? Per esempio:

var test="stuff"; 
console.log(window.test); 
console.log(document.test); 
console.log(this.test); 

Tutti e tre di questi test risultato in undefined, così c'è un oggetto che contiene queste variabili?

Mi sento come se fosse qualcosa di stupido che dovrei già sapere, ma non riesco nemmeno a trovare la risposta online.

Answer 1

Penso che troverete sulla maggior parte dei browser, essi sono memorizzati in window.

Tentativo di debug psichico inverosimile: hai provato questo in jsFiddle? O forse in Firebug? Se è così, probabilmente stai vedendo undefined per tutti e tre perché in quel caso il codice viene eseguito in un frame; quindi ha un diverso window oggetto (credo) il codice è in realtà avvolto:

window.addEvent('load', function() { 
    var test="stuff"; 
    console.log(window.test); 
    console.log(document.test); 
    console.log(this.test); 
}); 

Si può vedere dal frammento di sopra da jsFiddle che test è non una variabile globale, il che spiega il motivo per cui hasn' t stato allegato a window.

Non sono esperto, ma questa risposta sembra essere accurata da quello che posso dire in Chrome, Firefox, Safari e Opera. Per verificare, ho creato un file HTML con il seguente contenuto e caricato in ogni browser: basta

<script type="text/javascript"> 
    var test = "stuff"; 
    alert(window.test); 
</script> 

Certo, "roba" ogni volta.

Answer 2

Una variabile globale "vera" non ha la parola chiave "var". Prova questo:

test="stuff"; 
console.log(window.test); 
console.log(document.test); 
console.log(this.test); 

Con questo, tutti gli ambiti lo vedrà. Le variabili con la parola chiave var sono locali rispetto all'ambito in cui sono state dichiarate.

Una variabile sarà "globale per finestra" (proprietà dell'oggetto finestra) solo se lo si dichiara nello scope della finestra come ha detto Dan, rendendolo globale ai browser che di solito utilizzano la finestra come ambito globale.

Answer 3

Le variabili globali sono memorizzate nella variabile globale window. Il seguente codice funziona solo se si dichiara fuori nulla (come una funzione):

var test="stuff"; 
console.log(window.test); 

analoga prova è che window.location.href è lo stesso di location.href

Tuttavia, il problema potrebbe risiedere su cui è stata dichiarata la variabile . Ad esempio, se hai dichiarato questa variabile in funzione, esisterà solo nella funzione, e non a livello globale:

function foo(){ 

    //declaring inside function 
    var test="stuff"; 

    //undefined, since the variable exists in the function only 
    console.log(window.test); 

    //undefined, document refers to the document 
    //which is the top DOM object, not the global window 
    console.log(document.test); 

    //depends on what "this" refers to, especially 
    //when using call() or apply() to call the function 
    //For normal function calls, usually it points to window as well 
    console.log(this.test); 

    //none of the above refer to "test" that contains "stuff" 
    //because you are looking in the wrong place 

} 

Answer 4

Ecco una risposta in ritardo, ma tecnica.

vi chiediamo

sono variabili globali memorizzati in oggetto specifico?

La risposta è sì; sono memorizzati in qualcosa chiamato, ufficialmente, l'oggetto globale. Questo oggetto è descritto nella Sezione 15.1 di official ECMAScript 5 Specification.

L'oggetto globale non è necessario per avere un nome; ma è possibile fare riferimento alle sue proprietà, ad esempio String, isNaN e Date semplicemente utilizzando il loro nome. L'ambiente host JavaScript posizionerà altre proprietà nell'oggetto globale oltre a quelle richieste dalle specifiche ECMAScript, come ad esempio alert o console. In un browser, posso scrivere la sceneggiatura

alert("Hello world"); 

perché alert è una proprietà dell'oggetto globale.

Nota che non ci deve essere un modo per accedere a questo oggetto globale affatto, che ci crediate o no. La cosa interessante, tuttavia, è che molti ambienti host inseriranno una proprietà nell'oggetto globale il cui valore è un riferimento all'oggetto globale stesso. Nella maggior parte dei browser Web, questa proprietà è denominata window. Così possiamo scrivere:

alert("Hello"); 
window.alert("Hello"); 
window.window.alert("Hello"); 
window.window.window.window.window.alert("Hello"); 

e si può anche dire:

var x = 5; 
alert(this.x); 

e ottenere 5 allertati.