[23장] 자바스크립트 딥다이브_실행 컨텍스트

📌 소스코드를 실행하는데 필요한 환경을 제공하고 코드의 실행 결과를 실제로 관리하는 영역

 

식별자(변수, 함수, 클래스)를 등록하고 관리하는 스코프와, 코드 실행 순서 관리를 구현한 내부 메커니즘

→ 모든 코드는 실행 컨텍스트를 통해 실행되고 관리된다.

• 식별자와 스코프는 실행 컨텍스트의 렉시컬 환경 으로 관리
• 코드실행 순서는 실행 컨텍스트 스택으로 관리

 

실행 컨텍스트의 구조_

 

variable Environment (Environment Record, Outer Lexical Environment Reference)자신의 외부 환경에 대한 참조를 갖고 있고, 호이스팅 된 변수 들의 정보가 포함선언된 변수들을 포함한 환경을 나타내는 객체.

 

lexical Environment (Environment Record, Outer Lexical Environment Reference)변수, 함수 등의 정보를 담은 환경을 나타내는 객체. 자신의 외부 환경에 대한 참조를 갖고 있고, 스코프 체인 정보가 포함

 

this binding → this 키워드가 바인딩 되는 객체. 호출 방식에 따라 결정

• 실행 컨텍스트는 자바스크립트 코드의 평가 과정 중에 생성
• 코드 실행 전, js엔진은 코드를 해석하고 실행 가능한 형태로 변환하는 평가 과정을 거치는데,
• 이 과정에서 실행 컨텍스트가 생성

 

 

 

Environment Record ; 환경 레코드

• 스코프에 포함된 식별자를 등록하고 등록된 식별자에 바인딩 된 값을 관리하는 저장소
• 환경 레코드는 소스코드의 타입에 따라 관리하는 내용에 차이가 있다.

 

 

Outer Lexical Environment Reference ; 외부 렉시컬 환경에 대한 참조

• 상위 스코프를 가리킨다.이 것을 통해 단반향 링크드 리스트인 스코프 체인을 구현한다.
• 해당 실행 컨텍스트를 생성한 소스코드를 포함하는 상위 코드의 렉시컬 환경을 말한다.

 

실행 컨텍스트 스택

const x = 1;

function foo () {
  const y = 2;

  function bar () {
    const z = 3;
    console.log(x + y + z);
  }
  bar();
}

foo(); // 6

 

→

코드의 실행 순서를 관리한다.

소스코드가 평가되면 실행 컨텍스트가 생성되고, 스택의 최상위에 쌓인다.

 

최상위에 존재하는 실행 컨텍스트(실행 중인 실행 컨텍스트_running execution context)는

언제나 현재 실행 중인 코드의 실행 컨텍스트다.

 

 

실행 컨텍스트의 과정

var x = 1;
const y = 2;

function foo(a){
  var x = 3;
  const y = 4;

  function bar(b){
    const z = 5;
    console.log(a + b + x + y +z);
  }
  bar(10);
}
foo(20);

 

📌 1.전역 객체 생성 → 2.전역코드 평가 → 3. 전역 코드 실행  →4.foo 함수 코드 평가 → 5. foo 함수 코드 실행 → 6. bar 함수 코드 평가 → 7. bar 함수 코드 실행 → 8. bar함수코드 실행 종료 → 9. foo함수 코드 실행 종료 → 10. 전역 코드 실행 종료

 

📌 렉시컬 스코프(정적 스코프)_ 함수를 어디서 호출했는지가 아니라, 어디에 정의했는지에 따라 상위 스코프를 결정 → 함수 객체는 자신이 정의된 스코프, 즉 상위 스코프를 기억한다.