Implementiert JavaScript lexikalisches Scoping?

Question

Warum gibt 2 statt 1 zurück? Scheint das zweite "var" wird still ignoriert.

function foo() 
{ 
    var local = 1; 
    { 
    var local = 2; 
    } 
    return local; 
} 
foo() 
/* 
2 
*/ 

Answer 1

Von the MDN:

kein JavaScript Blockanweisung Umfang haben; eine Variable , die innerhalb eines Blocks deklariert wird, ist lokal für die Funktion (oder den globalen Bereich) , in der sich der Block befindet.

Der Umfang einer Variablen in JavaScript ist die gesamte Funktion, in der sie (bzw. die globale Reichweite) deklariert ist, so dass Sie nur eine Variable local hier haben.

Ihr Code entspricht

function foo() 
{ 
    var local; 
    local = 1; 
    { 
    local = 2; 
    } 
    return local; 
} 
foo() 

Beachten Sie, dass ES6 (die neue Norm von JavaScript) einführen macht einen lexical scoping with let aber it's not yet really available.

Answer 2

In Javascript gibt es nur Funktionsumfang und globalen Geltungsbereich. Sie können keinen Blockbereich erstellen, er fügt keine besondere Bedeutung hinzu und erstellt keinen Bereich.

Und das ist, wie Sie Ihren Code endet

function foo() 
{ 
    var local = 1; 
    local = 2; 
    return local; 
} 
foo(); 

In ES6 können Sie auf Blockebene Bereiche mit Hilfe von Let erstellen. ES6 wird noch nicht unterstützt. mehr dazu here