인프런 커뮤니티 질문&답변

if (true) {   
  let y = 'hi';   
  function test() {     
    console.log(y);   
  } 
}  
console.log(y); // ReferenceError: y is not defined 
test(); // hi

위 코드 실행 시 console.log(y)는 참조 에러, test()는 'hi'가 출력되어집니다.

제가 알기론 자바스크립트는 코드 블럭이 아닌 함수에 의해서 지역 스코프가 생긴다(함수 레벨 스코프)고 알고 있습니다. 따라서 if문(블록문) 내에 정의한 test 함수를 전역에서 호출해도 에러가 발생하지 않는 것이고요.

let, const 키워드로 선언한 변수의 경우 블록 레벨 스코프를 가지기 때문에 전역에서 y 변수 참조 시 참조 에러가 발생하는 것도 이해할 수 있습니다.

제가 궁금한 것은

• test 스코프의 상위 스코프는 전역 스코프가 아닌지?
  test 스코프의 상위 스코프가 if문 블록 스코프라면 전역에서 test함수 호출 시 참조에러가 발생해야하는거 아닌가요?(엄격 모드일 경우 참조에러 발생, 비엄격 모드일 땐 위 처럼 'hi'출력)

• 그렇다면 test 함수 내에서는 y를 참조할 경우 test 함수 내부에 y가 있는지 찾은 후 없기 때문에 스코프 체인에 따라 전역에 y가 있는지 찾고 이 경우에도 없기 때문에 참조에러가 발생해야하는 것이 아닌지? 어떻게 블록 레벨의 'hi'를 찾을 수 있는지?

입니다.

잘못된 개념이 있다면 알려주시면 감사하겠습니다 ㅜㅜ