23장. 실행 컨텍스트(LexicalEnvironment와 VariableEnvironment)

모딥다

 

✅ 실행 컨텍스트

---

코드가 실행될 때 JavaScript 엔진은 실행 컨텍스트 객체를 만들어서, 거기에 이 코드가 필요한 모든 정보를 저장한다.
이 정보에는 this, 변수, 함수 선언, 외부 환경 정보 등이 포함된다.

 

그리고 실행 컨텍스트는 LexicalEnvironment 컴포넌트와 VariableEnvironment 컴포넌트로 구성된다.

 

✅ LexicalEnvironment vs VariableEnvironment

---

LexicalEnvironment (현재는 이것만 쓰임)

• 말 그대로 "어휘적 환경".
  => 코드가 선언된 위치에 따라 어떤 변수에 접근할 수 있는지를 결정.
• 변수의 선언과 식별자 검색을 담당.
• 함수 선언, 변수 선언, let, const 등이 이 안에 저장됨.

VariableEnvironment

• 과거에는 var로 선언된 변수를 여기에 따로 저장했었다.
• 하지만 지금은 var도 LexicalEnvironment에 통합돼서 관리됨.
  (즉, VariableEnvironment는 과거 호환성 때문에 존재만 하는 상태)

 

✅ 렉시컬 환경의 구성 컴포넌트

---

1. Environment Record (환경 레코드)

• 현재 컨텍스트에서 선언된 변수/함수들을 실제로 저장하는 객체야.
• 딱 이 컨텍스트 안에서 선언된 식별자들만 들어 있음.

2. Outer Lexical Environment Reference (외부 렉시컬 환경에 대한 참조)

• 현재 환경에서 찾지 못한 식별자를 외부에서 찾기 위해 연결되는 링크.
• 부모 컨텍스트(상위 스코프)의 LexicalEnvironment를 가리킴.

 

✅ 정리

---

🧠 비유로 정리해보자:

• LexicalEnvironment = 현재 방
• Environment Record = 내 방 안에 있는 물건(변수, 함수 등)
• OuterLexicalEnvironmentReference = 내가 없는 건 옆 방에서 찾아보라는 문