질문 있습니다!

자바스크립트 중고급: 엔진 핵심

1. 스코프 목적, 스코프 설정

작성

228

제가 제대로 이해하고 있는지 잘 모르겠지만 궁금한 부분이 있어 질문드립니다.

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

위의 예제에서 book함수가 호출되고 book함수 안으로 가서

제일 먼저 함수선언문인 get 함수의 function 오브젝트를 생성하는데 이때 get함수의 스코프가 설정된다고 하셨는데

하지만 이 시점에는 book함수 안의 변수들이 정의되기 전인데 어떻게 또는 어떤 정보들이 스코프에 설정 되는지가 궁금합니다.

javascript

답변 7

김영보

지식공유자

이제는 말할 수 있습니다만, 참조보다는 바인딩이 더 가깝습니다. 왜냐하면 바인딩은 정적 스코프가 포함되어 있기 때문입니다. get() Function 오브젝트를 생성할 때 스코프를 [[Scope]]에 바인딩한다는 것은, 이때 스코프가 결정된다는 뜻을 내포합니다. 즉, 스코프가 바뀌지 않는다는 것으로 get() 함수를 호출할 때마다 단지 가져다가 사용하면 된다는 것입니다. 이것을 정적 스코프라고 합니다.
반면 참조는 get() 함수를 호출할 때마다 참조하는 스코프가 바뀔 수 있다는 뉘앙스가 풍깁니다. 이것은 동적 스코프로 착각(오해)할 수도 있습니다. 이렇게 까칠하게(?) 짚을 필요는 없지만, 그래도 완전하게 표현하는 것이 나을 것 같습니다.

김영보

지식공유자

book() 함수를 호출하면 함수 안으로 이동합니다.
get() 함수 아래에 변수를 선언할 수 있으므로 get() 함수를 만나 Function Object를 생성할 때는 book() 함수 안에 작성한 변수들을 완전하게 알 수 없습니다. 따라서 get() 함수로 Function Object를 생성할 때 [[Scrope]]에 변수들을 설정할 수 없습니다.
이때 get() 함수가 속한 스코프를(만) 바인딩합니다. 즉, get() 함수가 속한 book() 함수의 어드레스를(만) 참조할 수 있도록 묶습니다. book() 함수 안의 변수/함수는 바뀔 수 있지만 바인딩한 book() 함수의 어드레스는 바뀌지 않습니다. 이것이 바인딩과 설정의 차이입니다. get() 함수 외부는 바인딩하고 내부는 설정합니다.
get() 함수를 호출하는 시점에는 book() 함수의 변수/함수가 [[Scope]에 설정되어 있으므로 [[Scope]]를 끌어오면 book() 함수 안에 작성된 함수/변수를 사용할 수 있습니다.