(1) 자바스크립트 코드 실행
- 자바 스크립트 엔진은 코드가 없어도 실행 환경(실행 컨텍스트)를 초기화
- 스코프(scope)는 코드가 현재 실행되는 환경, 맥락(context)를 의미한다.
- this 포인터, 스코프에 저장된 변수들, 스코프 체인 등이 환경에 포함된다.
- this 포인터의 경우, 글로벌 스코프에서는 window를 가리킨다.
💁♀️ 실행 흐름 정리
1. 함수가 실행되면, 스코프에 따라 환경이 만들어진다.
2. this, 함수 스코프의 변수들, 그리고 스코프 체인이 형성된다.
3. 스코프 체인을 따라 글로벌 환경에 도달한다.
4. 객체의 메서드 경우, 메서드 환경의 this는 해당 객체를 가리킨다.(*this가 가리키는 것은 환경에 따라 변할 수도 있음)
.
(2) 실행 컨텍스트 (Execution context)
- 실행 컨텍스트 혹은 실행 맥락은 자바스크립트 코드가 실행되는 환경
- 코드에서 참조하는 변수, 객체(함수 포함), this 등에 대한 레퍼런스가 있다.
- 전역에서 시작해 함수가 호출될 때 스택에 쌓임
1️⃣ 전역에 존재하는 코드, 2️⃣ 함수에 존재하는 코드 구별! - 호출되는 순서에 따라 스택에 쌓이고, 나중에 쌓여진 함수부터 실행
→ 전역 실행 컨텍스트, 함수 실행 컨텍스트
- 자바스크립트가 실행될 때 전역 실행 컨텐스트(Global Context)가 만들어짐
- 함수가 실행될 때 함수 실행 컨텐스트(Function Execution Context)가 만들어짐
