실행 컨텍스트란?

실행 컨텍스트란?

실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체입니다.
동일 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아놓은 객체로, 실행 컨텍스트는 크게 두가지로 구분됩니다.

1. 전역 실행 컨텍스트 (Global Execution Context)
2. 함수 실행 컨텍스트 (Functional Execution Context)

콜 스택

이 컨텍스트들은 콜 스택(Call Stack)에 쌓이며, 가장 위에 있는 컨텍스트가 현재 실행중인 컨텍스트가 됩니다.
다음의 예제를 봅시다.

// ------------------------------ (1)
var a = 1;
 
function outer() {
  function inner() {
    console.log(a); // undefined
    var a = 3;
  }
  inner(); // ------------------ (2)
  console.log(a); // 1
}
outer(); // -------------------- (3)
console.log(a); // 1

위 예제에서는 전역 실행 컨텍스트와 outer 함수 실행 컨텍스트, inner 함수 실행 컨텍스트가 존재합니다.

[스택은 다들 아시죠?]

• 전역 실행 컨텍스트가 우선 콜 스택에 쌓이게 됩니다.
• 전역 실행 컨텍스트가 콜 스택의 맨 위에 있을 때, outer 함수 실행 컨텍스트가 쌓입니다.
• outer 함수 실행 컨텍스트가 콜 스택의 맨 위에 있을 때, inner 함수 실행 컨텍스트가 쌓입니다.
• inner 함수 실행 컨텍스트가 콜 스택의 맨 위에 있을 때, console.log(a);가 실행됩니다. -> 이때 a는 undefined입니다.
• inner 함수 실행 컨텍스트가 콜 스택에서 제거되고, outer 함수 실행 컨텍스트가 콜 스택의 맨 위에 있을 때, console.log(a);가 실행됩니다. -> 이때 a는 1입니다.
• outer 함수 실행 컨텍스트가 콜 스택에서 제거되고, 전역 실행 컨텍스트가 콜 스택의 맨 위에 있을 때, console.log(a);가 실행됩니다. -> 이때 a는 1입니다.
• 전역 실행 컨텍스트가 콜 스택에서 제거됩니다.

컨텍스트 객체

각 실행 컨텍스트는 Variable Environment, Lexical Environment, This Binding의 세 가지 정보를 담고 있습니다.