STEP 1

자바스크립트 엔진은 코드를 실행하면, 우선 전역 실행 컨텍스트를 생성해 콜 스택에 넣습니다.

STEP 2

그 후 전체 코드를 살펴보며, 선언할 식별자들이 있는지 찾아보고, 있다면 먼저 선언해둡니다.

STEP 3

선언하는 과정에서 생성해둔 실행 컨텍스트 안에 있는 환경 레코드에 새로운 식별자를 기록합니다. 그리고, 이 식별자는 var로 선언한 변수이기 때문에 undefined로 값을 초기화합니다.

여기까지와 앞으로의 단계를 이 시점에서 한 번 정리해볼게요.

STEP 4

Line 1에서 console.log() 수행 시, 환경 레코드에 기록해 둔 name 식별자의 값을 출력합니다. 이 때, 할당문을 만나기 전이기 때문에, undefined가 출력됩니다.

이 때, console.log()도 함수이기 때문에, 해당하는 실행 컨텍스트가 콜 스택 내부에 추가되었다가 함수 실행 후 사라지게 됩니다.

STEP 5

Line 2에서 식별자 name에 대한 할당문을 만나면, 선언은 아까 생성 단계에서 이미 진행하였으니, 이 라인에서는 식별자 name에 대해 값의 할당만 이루어집니다.

STEP 1

자바스크립트 엔진은 코드를 실행하면, 우선 전역 실행 컨텍스트를 생성해 콜 스택에 넣습니다.

STEP 2

그 후 전체 코드를 살펴보며, 선언할 식별자들이 있는지 찾아보고, 있다면 먼저 선언해둡니다.

STEP 3

선언하는 과정에서 생성해둔 실행 컨텍스트 안에 있는 환경 레코드에 새로운 식별자를 기록합니다.

이 때, 이 식별자는 const로 선언한 변수이기 때문에 값을 초기화하지 않습니다.

STEP 1

자바스크립트 엔진은 코드를 실행하면, 우선 전역 실행 컨텍스트를 생성해 콜 스택에 넣습니다.

STEP 2

그 후 전체 코드를 살펴보며, 선언할 식별자들이 있는지 찾아보고, 있다면 먼저 선언해둡니다.

자바스크립트의 함수는 변수에 담을 수 있습니다. 변수에 담긴 함수는 변수 호이스팅처럼 동작합니다.

STEP 3

선언하는 과정에서 생성해둔 실행 컨텍스트 안에 있는 환경 레코드에 새로운 식별자를 기록합니다.

STEP 1

자바스크립트 엔진은 코드를 실행하면, 우선 전역 실행 컨텍스트를 생성해 콜 스택에 넣습니다.

STEP 2

그 후 전체 코드를 살펴보며, 선언할 식별자들이 있는지 찾아보고, 있다면 먼저 선언해둡니다.

STEP 3

자바스크립트 엔진은 함수 선언문을 발견함과 동시에, 완성된 함수 객체를 생성해 환경 레코드에 기록해둡니다.

이렇게, 함수 선언문으로 함수를 선언하는 경우에는, 선언과 동시에 함수가 생성되어 선언 전에도 함수를 실행할 수 있다는 특징이 있습니다.

STEP 1

자바스크립트 엔진은 코드를 실행하면, 우선 전역 실행 컨텍스트를 생성해 콜 스택에 넣습니다.

이 때, 전역 실행 컨텍스트에 선언된 isPerson=false, goTo2F()의 정보를 전역 실행 컨텍스트의 환경 레코드에 담습니다.

STEP 2

함수 goto2F실행 시, 새로운 실행 컨텍스트가 생성됩니다.

이 때, 함수 goto2F 스코프 내에 선언되어있는 정보를 실행 컨텍스트의 환경 레코드에 기록합니다.

동시에, 자바스크립트 엔진은 새로 생성된 실행 컨텍스트에 바깥 렉시컬 환경으로 돌아갈 수 있는 outer를 남겨놓습니다.

STEP 3

함수 goto3F실행 시, 새로운 실행 컨텍스트가 생성됩니다.

마찬가지로, 함수 goto3F 스코프 내에 선언되어있는 정보를 실행 컨텍스트의 환경 레코드에 기록하고, outer를 함께 남겨놓습니다.

STEP 4

함수 goto3F의 실행문을 수행합니다.

console.log(pet)을 수행하면 같은 스코프 내에 적합한 pet이라는 식별자가 있기 때문에, pet에 있는 cat이라는 값을 바로 출력합니다.

console.log(isPerson)의 경우, 스코프 내에 적합한 식별자가 없기 때문에 outer가 가리키는 바깥 렉시컬 환경(상위 스코프)으로 이동하여, 다시 isPerson이라는 식별자를 탐색합니다.