[NHN FORWARD 2021] 결국 자바스크립트를 알아보기로 했다.

엔진이 전역과 함수 호출마다 실행 컨텍스트와 지역 메모리를 만들고, 선언된 함수·변수·매개변수·반환값을 어떻게 기록하는지 예제로 추적한다. 함수도 호출 가능한 루틴인 동시에 속성을 가진 객체로 사용할 수 있음을 짚고, 함수 종료와 함께 컨텍스트가 사라지는 기본 실행 모델을 세운다.

현재 실행 컨텍스트에 변수가 없을 때 상위 메모리 환경으로 탐색하는 스코프 체인을 콜 스택과 함께 설명한다. 함수가 다른 함수를 반환하면 정의 시점의 렉시컬 환경을 보존해 종료된 외부 함수의 변수에도 접근할 수 있으며, 이 클로저가 정보 은닉과 호출 사이 상태 공유에 쓰이는 과정을 단계별로 보여준다.

setTimeout 콜백을 예로 들어 자바스크립트 엔진 밖의 브라우저 API가 작업을 끝낸 뒤 콜백을 큐에 넣는 흐름을 살펴본다. 지연 시간이 지났어도 실행 중인 함수와 전역 코드가 끝날 때까지 콜백이 대기하며, 콜 스택이 비었는지 계속 확인해 큐의 작업을 넘기는 전체 과정이 이벤트 루프임을 설명한다.

빈 객체의 __proto__를 원형 객체에 연결해 공통 메서드를 찾는 과정과, new가 this 객체 생성·프로토타입 연결·속성 할당·반환을 대신하는 내부 동작을 비교한다. 이어 프로토타입 체인 기반 상속, class·super·extends, Promise의 microtask와 macrotask, iterator·generator를 통해 async/await을 이해하는 후속 학습 경로를 제안한다.