Warum ist diese Warnung 5? hier

Question

Curious Stück Code ...

var x = 5; 

function fn() { 
    x = 10; 
    return; 
    function x() {} 
} 
fn(); 
alert(x); 

Hier ist die jsFiddle

function x() {} überhaupt nach return genannt wird? Warum nicht 10 warnen?

Answer 1

function x() {} ist hoisted zu Beginn des fn ‚s Umfang, und das macht effektiv x eine lokale Variable vor ausgewertet wird.

Die Funktion ist nicht eingestellt auf 10.

Aktualisierung: Der obige Satz ist falsch. x ist tatsächlich auf 10 festgelegt. var wird nicht verwendet, es zu erklären, aber selbst wenn es war, bezieht sich der letzte Satz in dem Zitat unten nur auf die Erklärung Teil des Namens x, nicht seine Zuordnung-10.

Von MDN (Hervorhebung von mir):

Funktion

Drei Formen mit unterschiedlichen Umfang Verhalten:

• erklärt: als Anweisung an die Funktion Top-Mutter -level
  • verhält sich wie ein var Bindung, die auf diese Funktion
  • Initialisierung "Hubwerke" an die Spitze der übergeordneten Funktion initialisiert wird, oben Vars

var

• Funktionsbereich
• hissen an die Spitze seiner Funktion
• redeclarations mit dem gleichen Namen im gleichen Umfang ist No-ops

Answer 2

Funktion x Schwimmer nach oben, so zuweisen Sie die Funktion 10

Answer 3

Dies liegt daran, fn ein Objekt ist, und x ist eine Eigenschaft des Objekts. Local-Scope nimmt immer die Genauigkeit über Globals.

Answer 4

Sie deklarieren Funktion x innerhalb von Fn; Daher verwenden Sie die lokal begrenzte Version von x. Es spielt keine Rolle, an welchem ​​Punkt die Funktion x deklariert wird. Was machst du eigentlich, wenn man x auf 10 festgelegt ist, dass Sie die Funktion von x setzen bis 10.

Answer 5

This code auch Warnungen 5:

var x = 5; 

function fn() { 
    x = 10; 
    return; 
    var x; 
} 
fn(); 
alert(x);​ 

Der wichtige Punkt ist, dass Sie eine lokale Variable deklarierenx. Eine Variable nach deklarieren die Rückgabeanweisung ist auch egal - es ist immer noch eine lokale Variable.

Entfernen Sie die Deklaration und Sie erhalten stattdessen 10, weil x keine lokale Variable mehr ist.

Answer 6

X in fn() ist eine Funktion aber x im globalen Bereich ist ein var

die Funktion entfernen x() {} Teil und x wird alarmiert 10

Answer 7

Dies wird durch die Art und Weise verursacht, die Variable Hubarbeiten in JavaScript funktioniert. Variablendeklarationen werden gehisst, aber nicht ihre Aufgaben. Funktionsdeklarationen werden auch zusammen mit dem Funktionskörper hochgezogen (obwohl Funktionsausdrücke dies nicht sind).

So Ihr Code dies effektiv zu tun:

var x = 5; 

function fn() { 
    var x; 
    x = function() {} 
    x = 10; 
    return; 
} 
fn(); 
alert(x); 

Die x innerhalb der Funktion daher mit nur lokalem Bereich deklariert wird und keinen Einfluss auf die x im Hauptcode decalred.