setTimeout 에서 외부 변수 사용하기

 

javascript 를 사용하여 개발 중 일정 시간 지연시간을 적용할 필요가 있었다.

 

for(var i=0; i<10 ;++i){
    setTimeout(function(){
        console.log(i);
    }, 1000);
}

 

위와 같이 구현하여 테스트 진행하니 아래와 같이 동작 하였다.

 

 

 

 

의도한 것과 다르게 같은 숫자를 출력하는 것을 볼 수 있다.

 

 

 

 

for(var i=0; i<10 ;++i){
    (function(index){
        setTimeout(function(){
            console.log(index);
        }, i*1000);
    })(i);
}

위와 같이 즉시 실행 함수로 수정하여 실행하였다.

 

 

 

 

의도한 것과 같이 출력되는 것을 확인할 수 있다.

 

 

 

 

• 참고 : https://steemit.com/js/@huna/js-settimeout