목록 보기
[TokTokHan.dev]Execution Context(실행 컨텍스트)
프론트엔드

[TokTokHan.dev]Execution Context(실행 컨텍스트)

똑똑한개발자
똑똑한개발자
2021년 7월 15일

두줄요약

자바스크립트 실행 컨텍스트를 콜 스택, 환경 정보, 스코프 체인 관점에서 설명했습니다. 내부 변수 선언이 외부 변수를 가리는 변수 은닉화 사례를 함께 다뤘습니다.

구조와 흐름

  • 실행 코드의 환경 정보를 모아 콜 스택에 쌓고 최상단 컨텍스트부터 실행하는 실행 컨텍스트
  • 스택의 LIFO 특성과 큐의 FIFO 특성을 실행 컨텍스트 설명의 사전 개념으로 소개
  • 활성화된 컨텍스트별 매개변수·변수·객체 정보 저장과 접근 범위 구성

핵심 내용

  • Variable Environment의 식별자·외부 환경 정보 및 선언 시점 Lexical Environment 스냅샷
  • 변경 사항을 실시간 반영하는 Lexical Environment와 this 대상인 This Binding
  • 스코프 체인에서 가장 먼저 발견한 식별자에만 접근하는 탐색 규칙

주의할 점

  • inner 함수 내부의 var a 선언으로 인한 호이스팅과 외부 전역 a 접근 차단
  • 동일한 식별자 선언 시 내부 스코프 식별자가 우선되는 변수 은닉화

다음 읽기

#JavaScript 주제를 다룬 다른 회사 글

Execution Context

실행 컨텍스트를 통해 자바스크립트의 스코프, 호이스팅, this 바인딩을 설명했습니다. 콜스택과 환경 레코드 흐름을 이해하면 디버깅과 코드 해석에 도움이 됩니다.

넥스트리
넥스트리
프론트엔드

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...