Wie behandelt der Browser den JavaScript-Variablenbereich?

Question

Ich habe eine Webanwendung, die mehrere Skript-Tags hat.

Angenommen, ich habe eine Variable namens customPage im Tag:

<script type="text/javascript"> 
    var customPage = callSomeFunction(); 
<script> 

Elsewhere in the page... 

<script type="text/javascript"> 
    var customPage = callSomeOtherFunction(); 
<script> 

Was ist der Anwendungsbereich dieser JavaScript-Variablen, da sie alle definiert sind, mit dem gleichen Namen? Werden sie sich gegenseitig überschreiben? Oder haben sie alle ihren eigenen Wert?

Answer 1

Variablen, die auf der 'obersten' Ebene eines <script>-Elements deklariert sind, sind Teil des JavaScript-Objekts Global. In Webbrowsern werden dadurch Eigenschaften des Objekts window festgelegt.

Welcher Code auch immer ausgeführt wird, überschreibt den Wert der Variablen aus dem ersten Codebeispiel.

<script> 
 
var foo = "hello"; 
 
console.log(foo, window.foo); 
 
</script> 
 

 
<script> 
 
var foo = "world"; 
 
console.log(foo, window.foo); 
 
</script>

Das obige Codefragment zeigt:

hello hello 
world world 

(Das zeigt auch, dass Sie sich die Antwort auf diese Frage testeten konnten TIAS!.)