Wann haben globale Variablen Vorrang vor Funktionsumfang in JavaScript?

Question

Fall 1: Der folgende Code alarmiert , wie es sollte:

var globalId='10'; 
function check(){ 
    alert(globalId); 
} 
check(); 

Fall 2: aber diese nächste Code-Benachrichtigungen undefined:

var globalId='10'; 
function check(){ 
    alert(globalId); 
    var globalId; 
} 
check(); 

Für Fall 2 die Lösung ist:

var globalId='10'; 
function check(){ 
    var globalId; /**moved to top of the function due to hoisting and has an initial value of undefined. Hence, alert(globalId) return undefined. **/ 

alert(globalId); //undefined 
var globalId; 
} 
check(); 

Meine Frage ist jetzt, wie geht in Fall 1 globalId den Wert von 10 hat?

Answer 1

Niemals. In JavaScript haben Variablen, die im aktuellen Funktionsbereich deklariert sind, immer Vorrang vor Variablen, die im äußeren Bereich deklariert sind.

In Ihrem zweiten Beispiel

var globalId='10'; 
function check(){ 
    alert(globalId); 
    var globalId; 
} 
check(); 

Der Dolmetscher Ihre var globalId Erklärung nach oben für Sie automatisch bewegt, was dazu führt:

var globalId='10'; 
function check(){ 
    var globalId; 
    alert(globalId); 
} 
check(); 

und das ist, warum es undefined zeigt.

Answer 2

Meine Frage ist jetzt, wie in Fall 1 hat globalId den Wert von 10?

Da

• In JavaScript sind variabel Funktion (wenn mit var deklariert) oder Block scoped (wenn let oder const deklariert).
• Und Sie haben nicht den Geltungsbereich der Variablen mit var, let oder const lokalisiert.

So verwendet es den Bereich, in dem die Funktion check definiert ist.

Answer 3

Es ist hissen Konzept. Sehen Sie die Verbindungen, die Ihnen helfen werden, das Konzept Scope & HoistingOne more good article zu verstehen. Happy Coding