[javascript] for문과 var

Question

var funcs &#61; [];for(var i&#61;0; i<3; i&#43;&#43;){ funcs.push(function(){ console.log(i); });}for(var j&#61;0; j<3; j&#43;&#43;){ funcs[j](); }&#61;> for루프의 var i가 전역변수 이기 때문에 3이 세번 출력됨 그런데 제생각엔 i가 참조값이 아니기 때문에for문이 돌때마다 funcs.push(function(){ console.log(0); }); funcs.push(function(){ console.log(1); }); funcs.push(function(){ console.log(2); });로 동작하여 0,1,2가 출력될것이라고 생각됩니다. 설명부탁드립니다.. let과 var, closure에 대해 공부중인데 하면할수록 의문이 듭니다.아울러 제 이전질문에도 답변해주시면 감사하겠습니다.

HJOW · Accepted Answer

아닙니다. for(var i&#61;0; i<3; i&#43;&#43;)이렇게 된 순간var i&#61;0 <-- 이 시점에서 i 라는 &#34;전역&#34; 변수가 만들어졌습니다. funcs 랑 동급의 scope 를 갖는 전역변수입니다. funcs.push(function(){ console.log(i); }); 여기에 담은 함수들 있죠. 이 함수의 내용은 console.log 를 찍어라 입니다.그런데 &#34;뭘&#34; 찍느냐가 문제인데 님은 i 를 찍으라고 했습니다. 함수를 만들 당시의 i 를 찍으라고 한게 아니라,함수를 실행할 때 i 에 들어있는 값을 그때가서 접근해서 찍어라 라고 한겁니다.이건 i 에 참조값이 들어있건 기본형값이 들어있건 관계가 없는 문제입니다.미리 선언한 함수에서 그 바깥의 변수에 &#34;접근&#34;한다는 개념이므로 클로저의 특성입니다.

제로밀크 · Answer

감사합니다!!그럼 let을 사용했을 경우엔 아래와 같이 for문이 블록단위로 돌고 let은 블록스코프를 갖기 때문에 0,1,2가 찍히게 되는건가요?{ let i&#61;0 funcs.push(function(){ console.log(i); }); }{ let i&#61;1 funcs.push(function(){ console.log(i); }); }{ let i&#61;2 funcs.push(function(){ console.log(i); }); }

[javascript] for문과 var

2개의 답변

#var 목록