Me encontré con algo sorprendente con var, let, const y scope/closures hoy.

Consulte las 3 declaraciones a continuación (cada una está numerada).

¿Por qué #1 imprime todos los '3' y #2 imprime números incrementales?

Si el valor i al que se hace referencia en setTimeout hace referencia al ámbito que rodea a i en el momento en que se ejecuta la devolución de llamada, todos los valores 'i' deben ser 3. ¿Qué no estoy entendiendo?

 const array = new Array(4); // 1. VAR - All log statements will be '3' for (var i = 0; i < array.length; i++) { setTimeout(function(){ console.log('var index' + i); }, 1000) } // 2. LET - All log statements increment from 0 to 3 for (let i = 0; i < array.length; i++) { setTimeout(function(){ console.log('let index' + i); }, 2000) } // 3. CONST - Error, reassignment to constant after first iteration. for (const i = 0; i < array.length; i++) { setTimeout(function(){ console.log('let index' + i); }, 3000) }

Claro let tiene un 'ámbito de bloque', pero es la misma variable i reutilizada en iteraciones. ¿No debería eso significar que si setTimeout todavía está usando un cierre para hacer referencia a i , será lo que sea i esté configurado en el momento en que se ejecuta la devolución de llamada?