Estaba buscando información acerca del alcance y las clausuras (scope y closures), y pensaba que ya lo había entendido, cuando veo este ejemplo en la página que estaba la información:
let a = 1;
const function1 = function() {
console.log(a);
a = 2;
};
a = 3;
const function2 = function() {
console.log(a);
};
function1();
function2();
Y resulta que no entiendo el código porque el resultado es 3
y 2
respectivamente.
Según había entendido, las variables declaradas con let
y const
no se les aplicaba hoisting, así como tampoco a las expresiones de funciones, entonces viendo este código, a ninguna declaracion se le aplica hoisting, ni las variables ni las expresines de funciones.
Según como les expliqué que había entendido, al llegar a la expresion de funcion con nombre function1
, la variable llega con valor 1
y muestra ese valor. Después le cambia el valor con a = 2
y no se le aplica hoisting porque no es una declaración. Al salir de esta función se le asigna el nuevo valor a = 3
, y no se le aplica hoisting porque no es una declaración, y con este valor llega a la expresión de función con el nombre function2
y mostraría 3
.
No sé por qué no muestra 1
y 3
respectivamente.
Dejo el enlace por si quieren verlo:
- Clausuras (en inglés): jsComplete: JavaScript Closures