He estado leyendo el artículo de Jon Skeet sobre estrategias de captura de cierre y quiero explorar cuál es el caso con JavaScript.
arr = []; for(let i = 0; i < 3; i++) { arr.push(() => console.log(i)); } arr.forEach(ele => ele()); arr = []; let j; for(j = 0; j < 3; j++) { arr.push(() => console.log(j)); } arr.forEach(ele => ele()); Sorprendentemente, el primero imprime 0,1,2 y el segundo 3,3,3 .
También encontré que JS siempre captura variables. Entonces, ¿por qué el primer caso?
arr = []; for(let i = 0; i < 3; i++) { arr.push(() => console.log('1', i)); } arr.forEach(ele => ele()); arr = []; let k; for(k = 0; k < 3; k++) { arr.push(() => console.log('2', k)); } arr.forEach(ele => ele());He agregado las cadenas 1 y 2 dentro de console.logs para que pueda ver mejor cuál va primero.
El primero en terminar es 1 y funciona como se esperaba porque la palabra clave let está en el ámbito del bucle for. Por otro lado, console.log en el segundo ciclo toma k que está en el ámbito de la ventana, por lo tanto, cuando se ejecuta console.log, el valor de k se establecerá en el final del ciclo for, mientras que el El valor de i solo es válido y tiene alcance (por lo tanto, el cierre) dentro del primer ciclo for.