Problema con el alcance de la variable

Question

Como soy un novato en JavaScript, comencé a aprenderlo, pero me quedé atascado solo al principio. Estoy siguiendo a Mozilla Tutorial y tengo un problema con el alcance variable en JavaScript. Tengo un código:

var myvar = "my value"; 

var zmienna = "string"; 

(function() { 
    alert(myvar); 
    alert(zmienna); 
})(); 

(function() { 
    alert(myvar); // undefined 
    var myvar = "local value"; 
    alert(zmienna); 
})(); 

En el tutorial, he leído que las variables de JavaScript no son visibles desde los bloques de funciones. Bueno, las primeras dos alertas dicen valores correctos. Es extraño, porque la tercera alerta dice "indefinido", a pesar de que nada ha cambiado desde el bloque de funciones anterior. El cuarto, una vez más, imprime el valor correcto.

¿Alguien podría explicarme qué pasa aquí? Estaría muy contento, porque el tutorial no dice nada más al respecto.

Answer 1

"He leído que las variables de JavaScript no son visibles desde los bloques de funciones."

Eso no es del todo cierto. Están disponibles desde las funciones anidadas.

Las funciones anidadas crean una cadena de alcance . Una función creada dentro de otra función tiene acceso a sus propias variables, así como a las variables de la función en la que fue anidada.

Pero función A puede no ver las variables de función B si la función A no se anida en el interior función B.

var myvar = "my value"; // <-- global variable, seen by all functions  
var zmienna = "string"; // <-- global variable, seen by all functions 

(function() { 
    alert(myvar); // <-- referencing the global variable 
    alert(zmienna); // <-- referencing the global variable 
})(); 
(function() { 
    // v--- Declaration of these "local" variables were hoisted to the top... 
    // var myvar; // <--- ...as though it was here. 
    // var new_var; // <--- ...as though it was here. 

    alert(myvar); // undefined (myvar is delcared, but not initialized) 
    alert(new_var); // undefined (new_var is delcared, but not initialized) 

    var myvar = "local value"; // <-- assign the value 

    alert(zmienna); // <-- referencing the global variable 
    alert(myvar); // <-- referencing the local variable 

    var new_var = "test"; // <-- another new local variable 

    // A nested function. It has access to the variables in its scope chain. 
    (function() { 
     alert(myvar); // <-- referencing the variable from its parent func 
     alert(new_var); // <-- referencing the variable from its parent func 
    })(); 
})(); 
/* 
Here's a new function. It was not nested inside the previous function, so it 
    has access to the global variables, and not the locals of the previous func 
*/ 
(function() { 
    alert(myvar); // <-- referencing the global variable 
    alert(new_var); // <-- ReferenceError 
})(); 

Answer 2

Se iza el uso de var.

Dado que tiene var myvar dentro de la función, existe un alcance local myvar. Dado que le asigna un valor después de alertarlo, es undefined cuando lo alerta.