Ray Book

실행 컨텍스트와 스코프

JavaScript가 코드를 실행할 때 만들어지는 환경 — 실행 컨텍스트, 스코프, 클로저, this를 시각화합니다

  1. 01

    실행 컨텍스트란 무엇인가

    JavaScript가 코드를 실행할 때 만들어지는 환경 — 실행 컨텍스트의 구조, 생성/실행 단계, 콜스택을 시각화합니다

  2. 02

    스코프와 스코프 체인

    변수를 찾아 올라가는 여정 — 렉시컬 스코프, 스코프 체인 탐색, 그리고 var와 let의 차이를 시각화합니다

  3. 03

    클로저

    함수가 반환된 후에도 살아있는 스코프 — 클로저의 원리와 실용 패턴을 시각화합니다

  4. 04

    호이스팅의 실체

    var, let, const, function이 각각 다르게 호이스팅되는 이유를 실행 컨텍스트의 생성 단계에서 찾습니다

  5. 05

    this 바인딩

    this가 결정되는 4가지 규칙과 화살표 함수의 렉시컬 this를 시각화합니다