Siento que mi conocimiento con los cierres está casi allí, pero estoy luchando por comprender exactamente por qué este primer fragmento de código registra 0 (es un cierre obsoleto), sin embargo, el segundo fragmento de código funciona y registra el valor actualizado.
¿Es esto algún tipo de problema de referencia?
En el primer ejemplo, ¿no estamos rastreando la referencia de cuenta y solo asignando su valor inicial al mensaje?
Al mover la variable del mensaje dentro de la función de registro, ¿de alguna manera le estamos diciendo a JS que rastree la referencia del valor de conteo?
function createIncrement() { let count = 0; function increment() { count++; } let message = count; function log() { console.log(message); } return [increment, log]; } const [increment, log] = createIncrement(); increment(); log(); // this will log 0 function createIncrement() { let count = 0; function increment() { count++; } function log() { let message = count; console.log(message); } return [increment, log]; } const [increment, log] = createIncrement(); increment(); log(); // this will log 1En el primer ejemplo, ¿no estamos rastreando la referencia de cuenta y solo asignando su valor inicial al mensaje?
Al mover la variable del mensaje dentro de la función de registro, ¿de alguna manera le estamos diciendo a JS que rastree la referencia del valor de conteo?
Esto es con lo que estás luchando. Tratemos de descomponer lo que sucede allí.
En esencia, se trata solo de esto:
let count = 0; let message = count; console.log(message); count++; // it's exactly the same as count = count + 1; console.log(message); // still prints 0 Esto no tiene nada que ver con los cierres y todo que ver con que los números sean valores inmutables. Cuando incrementamos el count , estamos asignando a la variable una nueva instancia de un número con el valor 1. El message aún apunta a la instancia anterior (valor, en este caso es el mismo), por lo que el registro imprimirá el mismo anterior valor.
Si entiendo correctamente su malentendido (!), se está imaginando que count es un contenedor en el que puede insertar un valor numérico, lo cual es un poco incorrecto.
Es un puntero a un valor numérico e inmutable, que se encuentra en algún lugar de la memoria. Cuando haces message = count , te aseguras de que message y count apunten a la misma dirección de memoria, que contiene un 0 .
Cuando escribe count++ , está asignando un nuevo número en la memoria, en algún lugar, para el número 1, y count ahora apunta al nuevo objeto. El message no se ve afectado por esta operación. Esta es la parte crucial que creo que no está muy clara .
En su segundo ejemplo, message se reasigna cada vez que inicia sesión, por lo que siempre tendrá una referencia al valor correcto.