JS 동작 원리의 핵심, Execution Context와 Scope Chain 완벽 분석

Context

JavaScript의 this 바인딩과 변수 접근 권한의 불확실성 발생. 코드 실행 결과에 대한 논리적 근거 부족으로 인한 디버깅 난이도 상승. 변수 공유 및 스코프 오염으로 인한 예측 불가능한 버그 발생 가능성 존재.

Technical Solution

• 코드 실행 전 환경 정보를 수집하는 Execution Context 객체 중심의 실행 구조
• 초기 상태를 저장하는 VariableEnvironment와 실시간 변경 사항을 반영하는 LexicalEnvironment의 분리 설계
• Call Stack을 통한 Execution Context의 LIFO(Last In First Out) 관리 및 제어 방식
• environmentRecord를 통한 식별자 사전 수집 및 Hoisting 메커니즘 구현
• outerEnvironmentReference를 활용하여 함수 선언 시점의 상위 스코프를 참조하는 Lexical Scope 체계
• 현재 스코프부터 글로벌 스코프까지 순차적으로 탐색하는 단방향 Scope Chain 탐색 전략

Key Takeaway

JavaScript의 Hoisting과 Closure는 Execution Context와 Scope Chain이라는 내부 실행 환경의 논리적 결과물임. 함수 호출 위치가 아닌 선언 위치를 기준으로 환경을 결정하는 정적 스코프 설계 원칙을 이해하는 것이 중요함.