Scope (스코프)란?

• 자바스크립트 참조 대상이 되는 식별자를 검색할 때 사용되는 규칙의 집합

  • 식별자 : 참조 대상, 변수 or 함수를 호출시 사용한다.

  ⇒ 식별자를 검색하는 메커니즘이다.

렉시컬 스코프

• 변수 및 함수를 어디에 작성 했는가에 따라 스코프가 정해진다.

  • 자바스크립트 컴파일러는 소스코드를 Token 으로 쪼개서 의미를 부여(Lexing)한다

    → 의미를 부여하는 단계에서 해당 스코프가 확정되어 이름이 렉시컬이다.

스코프 체인

• 식별자를 검색 할 때 상위 스코프를 연쇄적으로 찾아나가는 방식
• 스코프체인 검색 🔥 — 중요
  1. LexicalEnvironment 의 EnvironmentRecord에서 식별자를 검색한다.
  2. 없으면 outer 참조 값으로 스코프 체인을 타고 올라간다.
  3. 상위 스코프의EnvironmentRecord에서 식별자를 검색한다.
  4. outer 참조 값이 null 일 때까지 찾고, 찾지 못한다면 에러를 발생한다.

Reference

Must-Know-About-Frontend/scope.md at main · baeharam/Must-Know-About-Frontend