결과값 관련 - setTimeout

Question

for( var i &#61; 0; i < 5; i&#43;&#43;) { setTimeout(function() { console.log(i); }, 1000); } console.log(&#34;완료&#34;); 결과가 잘 이해가 되지 않아서 질문합니다. 결과는 완료 5,5,5,5,5 입니다.setTimeout 때문에 완료가 먼저 실행되는건 알겠습니다그럼 1초 후에 0,1,2,3,4 찍힐줄 알았는데 5가 5번 찍혀서 잘 이해가 안됩니다.

ComPuTa · Accepted Answer

1초 뒤에 setTimeout 에 지정된 function 을 실행 하라는 명령입니다. for loop 을 5번 수행을 하겠지만 실제로 찍히는 값이 5 인 이유는 i 의 값이 증가하는데 걸리는 시간은 엄청 빨라 실제로 1초 후 function 이 실행될때의 i 의 값은 이미 5가 되어 버린 후 입니다. 그래서 값이 5 가 5번 찍히게 된거예요..

ondaa · Answer

위에 분 말씀이 맞고 이를 방지하기 위해서는 클로저, 스코프라는 개념을 알아야합니다.

룩히 · Answer

ComPuTa , NoDe 감사합니다. 이해가 되었습니다.

푸르게 · Answer

# 숫자 증가 for (var i &#61; 0; i < 5; i&#43;&#43;) { (function(i) { setTimeout(function() { console.log(i); }, 1000); })(i); } console.log(&#34;완료&#34;);

결과값 관련 - setTimeout

4개의 답변

Q&A 목록