인프런 커뮤니티 질문&답변

function book(){
    function get() {
        return point;
    };
    var point = 123;
    return get();
};

console.log(book());

1. function 키워드를 만나게 되고 book 오브젝트 생성

2. [[scope]]에 글로벌 오브젝트 설정

3. 변수 확인, 해당사항 없음

4. book() 으로 함수를 호출하면 엔진은 실행 콘텍스트를 생성하고, 실행 콘텍스트 안으로 이동합니다. 

준비 단계 - 환경조성

5. 컴포넌트(LEC, VEC, TBC)를 생성하여 실행 콘텍스트에 첨부

6. 환경레코드(ER)를 생성하여 LEC에 첨부

- 함수 안의 함수, 변수를 환경레코드에 바인딩

7. 외부 렉시컬 환경 참조(OLER)를 생성하고 렉시컬 환경 컴포넌트 내 첨부 

8. 글로벌 오브젝트의 [[scope]] 를 외부 렉시컬 환경 참조에 설정(참조)

실행 콘텍스트(EC): {
    렉시컬 환경 컴포넌트(LEC) = {
        환경레코드(ER) : {
            get : function 오브젝트, 
            point: undefined;
        },
        외부 렉시컬 환경 참조(OLER) : {}
    },
    변수 환경 컴포넌트(VEC) : {},
    this 바인딩 컴포넌트(TBC) : {}
}

9. function 키워드를 만나게 되고 get function 오브젝트 생성

10. [[Scope]]에 get 스코프를 설정한다.

11. point 변수에 123 값이 할당 된다.

12. get() 으로 함수를 호출하면 엔진은 실행 콘텍스트를 생성하고, 실행 콘텍스트 안으로 이동합니다.

실행 콘텍스트(EC): {
    렉시컬 환경 컴포넌트(LEC) = {
        환경레코드(ER) : {},
        외부 렉시컬 환경 참조(OLER) : {
            point : 123
        }
    },
    변수 환경 컴포넌트(VEC) : {},
    this 바인딩 컴포넌트(TBC) : {}
}

13. 환경 레코드에서 먼저 찾고 없으면 외부 렉시컬 환경 참조에서 point를 찾습니다.

실행단계

14. 함수 내 코드 실행하여 point 값을 return 합니다. 

제대로 이해한게 맞는가요?..