[JavaScript] Scope

🍏 <모던 자바스크립트 Deep Dive>를 바탕으로 요약 정리한 글입니다.

1. 정의

• 스코프(Scope): 식별자가 유효한 범위
• 식별자: 변수 이름, 함수 이름, 클래스 이름 등
• 모든 식별자는 선언된 위치에 따라 참조 가능한 유효 범위가 결정된다.
• 식별자 결정: 자바스크립트 엔진이 어떤 변수를 참조할 것인지 결정하는 것

2. 종류

• 스코프의 종류: 전역(global)과 지역(local)로 구분
• 전역 스코프: 코드의 가장 바깥 영역 범위. 전역 스코프를 갖는 전역 변수는 어디서든 참조할 수 있다.
• 지역 스코프: 함수 몸체 내부 범위. 지역 스코프를 갖는 지역 변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효하다.

3. 스코프 체인

• 스코프는 함수의 중첩에 의해 계층적 구조를 갖는다.
• 스코프 체인: 스코프가 계층적으로 연결된 것

function outer() {
  function inner() {
  }
}

• 식별자 결정은 현재 스코프에서부터 시작헤 상위 스코프로 검색하며 이루어진다.
  현재 스코프에서 찾지 못하면 상위 스코프로 이동하여 검색한다.

4. 렉시컬 스코프(정적 스코프)

• 동적 스코프: 함수를 어디서 호출했는지에 따라 함수의 상위 스코프를 결정한다.
• 정적 스코프: 함수를 어디에서 정의했는지에 따라 함수의 상위 스코프를 결정한다.
  함수를 어디에서 호출하던 스코프는 변경되지 않는다.