loops_javascript 기술에서 클로저 사용 문제를 해결하려면 자체 실행 익명 함수를 사용하세요.

이 코드는 클로저에 i에 대한 참조가 포함되어 있고 함수가 실행될 때 i가 10이 되었기 때문에 예상되는 0~9 대신 10 10을 출력합니다

function f1(){
for(var i = 0; i < 10; i++) {
setTimeout(function() {
alert(i); 
}, 1000);
}
}
f1();

위 문제를 해결하기 위해 자체 실행 익명 함수를 사용할 수 있습니다

function f2(){
for(var i = 0; i < 10; i++) {
(function(e) {
setTimeout(function() {
alert(e); 
}, 1000);
})(i);
}
}
f2();

여기서 익명 함수는 i를 매개변수로 사용하고 여기의 e는 i의 복사본을 가지며 참조는 e에 대한 참조이므로 위의 문제를 피할 수 있습니다