var, let 질문입니다.

[최용준]

"JavaScript 입문과 웹 UI개발"에서 "탭기능 만들며 배우는 for 반복문 2"강의 질문입니다.

for문안 변수선언에서 var은 안되고 let만 되는 이유를 스코프랑 호이스팅으로 설명을 하면

var의 경우는 함수 레벨 스코프이기 때문에 호이스팅이 되면서 자동적으로 최상단에서 선언이 되어져 i=3인 상태에서 진행되는 것이고

let은 블록 레벨 스코프(지역)이고 for문도 블록(지역)으로 인식되기 때문에 for문이 시작될 때 for문이라는 블록 안에서 선언이 되어져서 0부터 시작 가능한 건가요??

[codingapple]

3인상태에서 진행되진 않습니다 반복문 돌 때 0 1 2 3 이렇게 변합니다 

호이스팅이랑은 별상관은 없고 범위랑 더 상관있을듯요 

[최용준]

그럼 간단하게 정리하면

1. var로 선언되어 있는 경우 함수 레벨 스코프 즉 전역으로 선언

2. 이벤트리스너 안에 있는 콜백함수에는 참조 불가하므로 for문만 진행되어져 var i = 3 으로 되어진 상태

3. 버튼 클릭시 이벤트리스너(콜백함수)가 소속되어 있는 블록 레벨 스코프(for)에는 i라는 변수가 없기 때문에 스코프 체인 속성으로 인해 전역변수인 i값(3)을 가져와서 버튼3을 누른 것으로 인식되어짐

맞는 건가요?? ㅠㅠ

[codingapple]

넴

버튼3을 누른것으로 인식된건 아니고 버튼셀렉터의 i 자리까지는 0 1 2가 각각 잘 박혀서 실행됩니다

이벤트리스너 안의 코드들은 항상 i = 3으로 실행되겠군요 

[글쓴이]

글