Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
[TokTokHan.dev]Execution Context(실행 컨텍스트) 섬네일

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

똑똑한개발자 favicon똑똑한개발자·Frontend·
TypeScriptReactJavaScriptNextJS
2021년 07월 15일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

똑똑한개발자의 글은 실행 컨텍스트의 구성 요소인 Variable Environment, Lexical Environment, This Binding과 스코프 체인의 작동 원리를 사례로 설명하고, 변수 은닉화 현상을 통해 해석 순서를 명확히 보여준다.

주요 경험

  • 실행 컨텍스트 내부의 구성 요소를 엔진 관점에서 설명하고, 예제 코드 흐름을 콜 스택의 순서로 해석한다.
  • 스코프 체인에서 inner()의 a가 undefined로 보이는 현상처럼 변수 은닉화를 구체적으로 보여준다.
  • 비동기 처리나 이벤트 루프는 이번 글에서 다루지 않는 학습 방향을 제시한다.

얻은 인사이트

  • 핵심 구성요소와 스코프 체인의 연결 고리를 이해하면 코드 실행 흐름의 예측이 쉬워진다.
  • 동일 식별자에 대한 해석 순서는 컨텍스트에 따라 달라지는 점을 실무 학습에 활용할 수 있다.
  • 추후 학습에서 이벤트 루프 등 비동기 주제를 확장하는 계획이 필요하다고 판단했다.

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
자바스크립트 함수 (3) - Lexical Environment 섬네일
73%

자바스크립트 함수 (3) - Lexical Environment

TOAST UI faviconTOAST UI·2017년 10월 06일
[TokTokHan.dev]ES6 문법정리 섬네일
71%

[TokTokHan.dev]ES6 문법정리

똑똑한개발자 favicon똑똑한개발자·2021년 08월 22일
판주야 Redux는…#1 섬네일
68%

판주야 Redux는…#1

Lemonade Engineering faviconLemonade Engineering·2021년 04월 09일