¿Por qué esta alerta 5?

Question

poco curioso de código aquí ...

var x = 5; 

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

Aquí está la jsFiddle

Está function x() {} llama en absoluto después de return? ¿Por qué no alerta 10?

Answer 1

function x() {} es hoisted al inicio del alcance fn 's, y esto hace que efectivamente x se evalúa una variable local antes .

La función es no establecida en 10.

Actualización: La frase anterior es incorrecta. x en realidad se establece en 10. var no se utiliza para declarar, pero incluso si lo fuera, la última frase en la cita a continuación sólo se refiere a la declaración parte del nombre x, no su asignación a 10.

De MDN (el énfasis es mío):

función

Tres formas con diferentes comportamientos alcance:

• declarada: como una declaración en la parte superior función madre -level
  • se comporta como una unión que var consigue inicializan a esa función
  • inicialización "montacargas" a lo más alto de la función madre, por encima de vars

var

• alcance funcional
• alzar a la cima de su función
• redeclarations del mismo nombre en el mismo ámbito hay-ops

Answer 2

función x flotan en la superficie, por lo que la asignación de la función a 10

Answer 3

Esto se debe a fn es un objeto, y x es una propiedad de ese objeto. Local-scope siempre toma precisión sobre los globales.

Answer 4

Usted declara la función x dentro de fn; por lo tanto, está utilizando la versión con ámbito local de x. No importa en qué punto se declara la función x. Lo que está haciendo en realidad cuando se establece x a 10 es que está configurando la función de x a 10.

Answer 5

This code alertas también 5:

var x = 5; 

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

El punto importante es que se está declarando una variable local x. Al declarar una variable después de, la declaración de devolución tampoco importa: sigue siendo una variable local.

Elimina la declaración y obtienes 10 porque la x ya no es una variable local.

Answer 6

X en fn() es una función pero x en el alcance global es una var

eliminar la función de x() {} la parte yx serán alertados 10

Answer 7

Esto se debe a la forma en que funciona la elevación variable en JavaScript. Las declaraciones variables son izadas, pero no sus asignaciones. Las declaraciones de funciones también se elevan junto con el cuerpo de la función (aunque las expresiones de función no lo son).

lo que el código está haciendo efectivamente esto:

var x = 5; 

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

El x dentro de la función se declara, por tanto, con sólo el ámbito local y no afecta a la x decalred en el código principal.