@jeremy-thille explicó cómo continúa el bucle y i se convierte en 3. Además, esto ocurre porque i no está dentro del alcance del bucle. Si usa let para asignar i , tiene un alcance dentro del ciclo ( alcance de bloque ) y el resultado sería el esperado.

 let printNumTwo; for (let i = 0; i < 3; i += 1) { if (i === 2) { printNumTwo = () => i; } } console.log(printNumTwo());

Puede agregar console.log para comprender. Dado que printNumTwo = function(){} es la definición de la función, no la ejecución. Puedes probar con otro ejemplo:

 var printNumTwo; for (var i = 0; i < 3; i++) { console.log('before', i); printNumTwo = function() { console.log('end', i); return i; }; if (i === 2) { console.log('process', i); }; console.log('after', i); } console.log(printNumTwo()); /* ouput > "before" 0 > "after" 0 > "before" 1 > "after" 1 > "before" 2 > "process" 2 > "after" 2 > "end" 3 > 3 */

Ha definido la variable i en el bucle for con la palabra clave var . var tiene un alcance de función y, debido a esto, cuando se ejecuta el bucle for , i aumentará a 3 y luego verificará la condición y saldrá del bucle for, pero se le asignará el valor 3 a i en el alcance global.

Para obtener 2 como salida, debe definir i con la palabra clave let que tiene alcance de bloque y se proporcionará el último valor obtenido cuando se ejecute la función.

 var printNumTwo; for (let i = 0; i < 3; i++) { if (i === 2) { printNumTwo = function() { return i; } } } console.log(printNumTwo());