Was sind globale Variablen und Fenstervariablen in JavaScript?

Question

Ich habe diese Aussagen auf W3Schools gefunden.

Mit JavaScript ist der globale Bereich die vollständige JavaScript-Umgebung. In HTML ist der globale Bereich das Fensterobjekt. Alle globalen Variablen gehören zum Fensterobjekt. Ihre globalen Variablen (oder Funktionen) können Fenstervariablen (oder Funktionen) überschreiben.

Bedeutet diese Aussage nicht, dass Global- und Fenstervariablen im Wesentlichen gleich sind? Und kann ich auf eine Fenstervariable von einem anderen Fenster aus zugreifen, da sie einem Fensterobjekt zugeordnet ist oder das Fensterobjekt gelöscht wird, wenn wir zu einem anderen Fenster navigieren? Auch

Und dieses:

Jede Funktion, einschließlich der Fenster-Objekt können Sie Ihre globalen Variablen und Funktionen zu überschreiben.

und ein zugehöriges Beispiel als:

<p> 
In HTML, all global variables will become window variables. 
</p> 

<p id="demo"></p> 

<script> 
var carName = "Volvo"; 

// code here can use window.carName 
document.getElementById("demo").innerHTML = "I can display " + window.carName; 
</script> 

Was ist ein Fensterobjekt/Variable und wie sie von den globalen Objekt/Variable unterscheiden?

Ich bin wirklich verwirrt. Kann jemand bitte dies mit einem Beispiel ausarbeiten?

Answer 1

Der gesamte JavaScript-Code wird in einer Umgebung ausgeführt, am häufigsten in einem Browser. Der Code, der ausgeführt wird, muss in einem "root" -Scope ausgeführt werden, der als globaler Kontext oder globaler Bereich bezeichnet wird (man denke an ihn als Hauptcontainer). In Ihrem Browser ist dieser Bereich "root" das Fensterobjekt (eindeutiges Fensterobjekt pro Registerkarte/Seite/iframe).

Deshalb, wenn in dem Beispiel eine Variable im globalen Gültigkeitsbereich var carName = "Volvo"; deklariert wird, können Sie auf diese Variable auf dem Fensterobjekt window.carName zugreifen, weil in dem Objekt 'window' das globale Objekt durchsuchen.

Wenn Sie Javascript mit Knoten zum Beispiel ausführen, ist das globale Objekt sehr passend global und in dieser Umgebung, wenn Sie var carName = "Volvo"; deklarieren, können Sie auch auf die Variable mit global.carName zugreifen.

Um dies näher auszuführen:

var myObject = { }; 
myObject.myVariable = 1; 
console.log(myObject.myVariable); // logs 1 

myVariable auf myObject erstellt, wird dies ausdrücklich getan.

var myVariable = 1; // behind the scenes this declerations is doing window.myVariable = 1; 
console.log(window.myVariable); // logs 1 

myVariable wird implizit auf das window Objekt erstellt, die im Rahmen eines Browsers das globale Objekt ist.

Ich hoffe, dies klärt die Situation.

Für vielleicht eine bessere Erklärung ich dieses Buch Serie stark https://github.com/getify/You-Dont-Know-JS speziell https://github.com/getify/You-Dont-Know-JS/blob/master/scope%20&%20closures/README.md#you-dont-know-js-scope--closures