💪 JavaScript. Execution Context

Preface

📌 개발 공부 6개월 차인 to-be 개발자의 자습 blog🙂ﾠFeb 20 ~ 26, 2022

Execution Context

: code를 실행하는 데에 필요한 환경을 제공하는 객체
*환경 : code 실행에 영향을 주는 조건이나 상태

Keywords

• scope chain = execution context chain
  • Global Execution Conte xt : Global Object (GO)
    • this object
    • window object
  • Function Execution Context = Activation Object (AO)
  • Eval Execution Context
    • Global Object (GO)
      • built in 객체 (Math, String etc.)
      • BOM
      • DOM
      • 전역 변수
    • Activation Object (AO)
      • 함수 선언
      • 매개 변수
      • 변수
• lexical environment
  = lexical scope
  = 정적 환경
  = environment record + outer environment reference
• environment record : 식별자와 식별자에 binding된 값을 기록해두는 객체
  처음에 JavaScript engine이 전체 code를 scan하면서 변수같은 정보를 미리 기록해두는 곳
• outer environment reference : 바깥 lexical environment를 가리킴

STEP 1. Creation Phrase

: Execution Context 생성
  선언문만 실행해서 environment record에 기록

• GO, AO, this 형성
  • environment record
    • 변수 hoisting
      • var는 선언과 초기화를 모두 해 할당문 전에도 'undefined'라는 값을 읽지만,
      • let과 const는 선언만 하기 때문에 할당문 전까지 변수에 아무런 값이 담기지 않아 유효한 값을 읽어올 수 없음 ("선언 전에는 변수를 참조할 수 없음"에서 '선언 전' 영역 = Temporal Dead Zone)
        ※ declaration : memory 공간을 확보하고 memory 주소를 식별자와 연결
        ※ initialization : 식별자에 암묵적으로 undefined 값을 binding하여 초기화
    • 함수 hoisting
      • 함수 표현식은 변수 hoisting과 동일하게 동작 (화살표함수)
      • 함수 선언문은 선언과 동시에 함수가 생성되어 선언 전에도 함수를 사용할 수 있음 (function 함수)
  • outer environment reference
    • 식별자 결정 : code에서 변수나 함수의 값을 결정하는 것
    • 변수 shadowing : 동일한 식별자로 인해 상위 (outer) scope에서 선언된 식별자의 값이 가려지는 현상
    • scope chain : 식별자를 결정할 때 활용하는 scope들의 연결 list

STEP 2. Execution Phrase

: 선언문 외 나머지 code를 순차적으로 실행
  필요 시 environment record를 참조하거나 update

• GO, AO, this
  • 값 할당
  • this는 함수 호출 pattern 또는 lexical scope에 따라 값이 정해짐

---

Endnote

🙇 the source of this content

큰돌의터전 - 실행컨텍스트
우아한Tech - [10분 테코톡] 💙 하루의 실행 컨텍스트