Dlaczego moja zmienna globalna jest zacieniona przed deklaracją lokalną?

Question

x = 1; 
alert(x); 
var y = function() { 
    alert(x); 
    var x = 2; 
    alert(x); 
} 
y(); 

Wynik alarmuje 3 jest: 1, undefined, 2 (Chrome 25)

Moje pytanie brzmi: dlaczego drugi alert jest niezdefiniowana? Dlaczego nie 1? Czy nie ma zmiennej globalnej x?

Answer 1

Ze względu na hoisting, to co zostanie wykonany:

x = 1; 
alert(x); 
var y = function() { 
    var x; // <-- this gets hoisted up from where it was. 

    alert(x); 
    x = 2; 
    alert(x); 
} 
y(); 

Na początku funkcji y() lokalna zmienna x jest zadeklarowana ale nie zainicjowany.

Answer 2

Deklaracja zmiennej w funkcji jest podnoszona do góry. Wygląda to tak:

var y = function() { 
    var x; 

    alert(x); 

    x = 2; 
}; 

Zmienna lokalna przesłania globalną. Właśnie dlatego alert zwraca undefined.

Answer 3

Ponieważ zakres w języku JavaScript jest obiektem funkcji. Kiedy wykonasz jakiś kod w funkcji (twój przykładowy kod), "alert (x)" znajdzie, czy istnieje jakaś definicja "x" w funkcji. W tej funkcji jest "var x = 2". Ale runtime JavaScript wyjaśni swój kod tak:

x = 1; 
alert(x); 
var y = function() { 
    var x; 
    alert(x); 
    x = 2; 
    alert(x); 
} 
y(); 

Tak, x w drugim alertu jest „nieokreślony” nie „1”. Więc kiedy zadeklarujesz jakąś zmienną w funkcji, polecam zadeklarować zmienne w górnej części twojej funkcji.