[JS] 📝 실행 컨텍스트 ⭐

💡 실행 컨텍스트 (Execution Context)

함수 실행 시 필요한 조건 / 환경 정보를 담은 객체입니다.

특징

1. JS 엔진이 컴파일레이션을 수행하는 단위입니다.

구성요소

VariableEnvironment  LexicalEnvironment  ThisBinding

요소	설명
VariableEnvironment	현재의 실행 환경과 관련된 식별자를 수집해 스냅샷으로 만듭니다.
LexicalEnvironment	현재의 실행 환경과 관련된 식별자에 담긴 데이터를 추적합니다.
ThisBinding	함수 호출 (Function.prototype.call) 시 매개변수로 넘겨받은 this의 참조값입니다.

VariableEnvironment와 LexicalEnvironment 비교

	LexicalEnvironment	VariableEnvironment
용도	식별자에 담긴 데이터를 추적하는 용도	식별자 수집 용도
값 변화	✅ 실시간 변화 반영	❌ Never changes
구성요소	environmentRecord : 실행 컨텍스트의 creation phase에 현재 컨텍스트의 식별자 정보 수집 Hoisting이 일어납니다. outerEnvironmentReference : 외부 환경 참조 스코프 체이닝이 일어납니다.	environmentRecord와 outerEnvironmentRecord의 스냅샷

동작 방식

🅰 Creation Phase (Compilation)

『변수/함수 선언, 매개변수, scope 정보 수집』

1. VariableEnvironment 생성
2. this 매개변수 전달 (this 바인딩)
3. LexicalEnvironment 생성 (VariableEnvironment의 사본)
4. 해당 실행 컨텍스트 객체를 콜 스택에 push

🅱 Execution Phase

『값 할당 및 구문 실행』

1. 코드 실행 및 결과 저장
2. (더 실행할 코드가 없으면) 실행 컨텍스트 pop 후 return 값 반환

종류

👉 Functional EC
함수 범위의 실행 컨텍스트입니다.

🌏 Global EC
전역 범위의 실행 컨텍스트입니다.
프로그램과 생명주기를 같이합니다.

🧩 Moudule EC
모듈 범위의 실행 컨텍스트입니다.
import 될 때 생성되고 모듈 코드가 끝나면 종료됩니다.

🚫 Eval EC (Deperecated)
eval() 을 실행했을 때 생성되는 실행 컨텍스트입니다.
보안상 취약점을 갖고 있어 거의 사용되지 않습니다.