[JavaScript] 실행 컨텍스트(Execution Context)란?

🔗 실행 컨텍스트(Execution Context) 란?

 

 실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경이다.

 

---

🔗 실행 컨텍스트의 종류

 

출처 - 하단에 표시

 

📍 전역 컨텍스트 (Global Context)

 

• 전역 영역에 존재하는 코드의 실행 컨텍스트
• 실행 컨텍스트가 생성이 되면, 스택에 쌓인다.
• 어플리케이션이 종료될 때(웹 페이지에서 나가거나 브라우저를 닫을 때) 소멸된다.
• window가 this로 할당된다.

📍 함수 컨텍스트 (Function Context)

 

• 함수 내에 존재하는 코드의 실행 컨텍스트
• 선언된 함수가 호출이 될 때 실행 컨텍스트가 생성이 되고, 스택에 쌓인다.
• 함수의 모든 동작(실행)이 완료되면, 함수 컨텍스트는 소멸된다. (클로저 사용하면 소멸X)

---

🔗 실행 컨텍스트의 객체

 

 실행 컨텍스트는 실행 가능한 코드를 형상화하고 구분하는 추상적인 개념이지만 물리적으로는 객체의 형태를 가지며 3가지 프로퍼티를 소유한다.

 

📍 1. 변수 객체 (Variable Object)

 

• 변수
• 매개변수(parameter), 인수(arguments) 정보
• 함수 선언

📍 2. 스코프 체인 (Scope Chain)

 

❓ 스코프란? 영역을 의미한다. (전역 영역, outer 함수 영역, inner 함수 영역 ...)

❓ 스코프체인이란? 스코프 간의 이어진 상하관계를 의미한다.

 

 실행 컨텍스트 생성 후, 함수가 실행되는데 사용되는 변수들은 변수 객체 안에서 값을 찾고 없다면 스코프체인을 따라 올라가며 찾는다.

 

•  전역 또는 함수가 참조할 수 있는 변수, 함수 선언 등 정보의 리스트

📍 3. this value

 

 this 프로퍼티에는 this 값이 할당된다. this에 할당되는 값은 함수 호출 패턴(gloabal, functionInvocation, call·apply·bind, Construction, MethodInvication)에 의해 결정된다.

 

---

 즉, 자바스크립트의 코드가 실행되기 위해 변수 객체, 스코프 체인, this 정보들을 담고 있는 곳을 '실행 컨텍스트'라고 한다.

---

🔎 참고 자료

• 실행 컨텍스트와 자바스크립트의 동작 원리
• Execution Context(실행 컨텍스트)란?
• 프론트엔드 개발자 면접 질문 정리
• 사진 출처

💡 같이 보면 좋을 Post

[JavaScript] 자바스크립트는 '이벤트 기반', '논블로킹' 방식을 사용하고 '싱글 스레드' 언어이다.