스코프 체인(Scope chain)

스코프 체인이란?

• 스코프 체인은 스코프들이 계층적으로 연결된 것을 스코프 체인이라 한다.
• 자바스크립트 엔진은 스코프 체인을 통해 변수를 참조하는 코드의 스코프에서 시작해서 상위 스코프 방향으로 이동하며 선언된 변수를 검색한다. 이런 방식으로 움직이기에 상위 스코프에서 선언한 변수를 하위 스코프에서도 참조할 수 있다. ( 실행 컨텍스트의 렉시컬 환경을 단방향으로 연결 )
• 스코프 체인은 실체가 존재하며, 렉시컬 환경에 대해 알아야 하는데 굉장히 깊은 부분이므로 따로 천천히 알아보는것을 추천한다. 간단하게 변수 선언시 변수 식별자가 렉시컬 환경에 key로 등록이 되고 변수 할당이 되면 렉시컬환경의 변수 식별자에 해당하는 값을 변경한다.

const foo = () => {
    console.log('전역 함수 foo')

    
}
const bar = () => {

    const foo = () => {
        console.log('중첩 함수 foo')
    }
    foo(); // 함수 foo 호출
}
bar();

// 콘솔로그에는 중첩 함수 foo 가 나온다.

• 해당 코드를 실행하면 bar함수가 호출되고 이 후 함수 foo를 호출하면 자바스크립트에서 식별자 foo를 검색한다.
• 그럼 함수를 호출하기 위해 먼저 함수를 가리키는 식별자 foo를 검색한다. 이 때 변수를 검색하는 것과 마찬가지로 상위스코프로 올라가며 탐색을 하므로 bar함수 내에 있는 foo를 찾은 순간 검색이 종료된다.

스코프 체인

※ 스코프 체인이 어렵다면 스코프에 대해 다시 알아보자