스코프

작성일 : 2024.10.06

• 스코프 : 식별자가 유효한 범위

• 모든 식별자는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효범위가 결정됨

• 식별자 결정 : 이름이 같은 두개의 변수 중에서 어떤 변수를 참조해야 할 것인지를 결정

• 스코프 : js엔진이 식별자를 검색할 때 사용하는 규칙

• 렉시컬 환경 : 코드가 어디서 실행되며 주변에 어떤 코드가 있는지에 대한 정보

스코프 체인

• 스코프 체인 : 스코프가 계층적으로 연결된 것

• 중첩 함수 : 함수 몸체 내부에서 정의한 함수

• 외부 함수 : 중첩 함수를 포함하는 함수

• 스코프는 함수의 중첩에 의해 계층적 구조를 갖는다

• js엔진은 스코프 체인을 통해 변수를 참조하는 코드의 스코프에서 시작하여 상위 스코프 방향으로 이동하며 선언된 변수를 검색한다

• 상위스코프에서 유효한 변수는 하위 스코프에서 자유롭게 참조할 수 있지만, 하위 스코프에서 유효한 변수를 상위 스코프에서 참조할 수 없다

함수 레벨 스코프

• 코드 블록이 아닌 함수에 의해서만 지역 스코프가 생성
• var 키워드로 선언된 변수는 오로지 함수의 코드 블록 만을 지역 스코프로 인정 -> 함수레벨 스코프
• var 키워드로 선언된 변수는 오직 함수의 코드 블록만을 지역 스코프로 인정
• let, const 키워드로 선언된 변수는 블록 레벨 스코프를 지원

렉시컬 스코프

• js는 렉시컬 스코프를 따르므로 함수를 어디서 호출했는지가 아니라 함수를 어디서 정의했는지에 따라 상위 스코프가 결정된다
• 함수가 호출된 위치는 상위 스코프 결정에 어떠한 영향도 주지 않는다
• 함수의 상위 스코프는 언제나 자신이 정의된 스코프다
• 함수의 상위 스코프는 함수 정의가 실행될 때 정적으로 결정된다