13.1 스코프란?
• 스코프 : 식별자(변수 이름, 함수 이름, 클래스 이름 등)가 유효한 범위
• 식별자 결정 : 자바스크립트 엔진은 이름이 같은 두 개의 변수 중에서 어떤 변수를 참조해야 할 것 인지 결정
- 식별자는 어떤 값을 구별할 수 있어야 하므로 유일해야 함. 하나의 값은 유일한 식별자에 연결되야함.
- 스코프는 네임스페이스 이므로 다른 스코프에서는 같은 이름의 식별자 사용가능
13.2 스코프의 종류
| 구분 | 설명 | 스코프 | 변수 |
| 전역 | 코드의 가장 바깥 영역 | 전역 스코프 | 전역 변수 |
| 지역 | 함수 몸체 내부 | 지역 스코프 | 지역 변수 |
13.2.1 전역과 전역 스코프
• 전역 : 코드의 가장 바깥 영역(전역변수 어디든 참조 가능)
13.2.2 지역과 지역 스코프
• 지역 : 함수 몸체 내부(지역변수 자신의 지역 스코프와 하위 지역 스코프에서 유효)
13.3 스코프 체인
• 중첩 함수 : 함수 몸체 내부에서 정의한 함수
• 외부 함수 : 중첩 함수를 포함하는 함수
• 스코프 체인 : 스코프가 계층적으로 연결된 것
- 스코프 체인을 통해 변수 참조 코드의 스코프에서 시작하여 상위 스코프 방향으로 이동하며 선언된 변수를 검색함.
13.3.1 스코프 체인에 의한 변수 검색
- 상위 스코프에서 유효한 변수는 하위 스코프에서 자유롭게 참조가능. 하위 스코프에서 유효한 변수를 상위 스코프에서 참조 불가능.(→ 상속과 유사)
13.3.2 스코프 체인에 의한 함수 검색
- 함수 선언문으로 함수를 정의하면 런타임 이전에 함수 객체 먼저 생성. 함수 이름과 동일한 이름의 식별자를 암묵저으로 선언하고 생성된 함수 객체를 할당
13.4 함수 레벨 스코프
• 블록 레벨 스코프 : 모든 코드 블록(if, for, while, try/catch 등) 지역스코프 만듦.
• 함수 레벨 스코프 : var 키워드로 선언된 변수는 오직 함수의 코드 블록(함수 몸체)만을 지역 스코프로 인정.
13.5 렉시컬 스코프
- 자바스크립트는 렉시컬 스코프를 따르므로 함수를 어디에 정의했는지에 따라 상위 스코프를 결정.
- 함수가 호출된 위치는 상위 스코프 결정에 어떠한 영향도 주지않는다.
* 위 내용은 모던 자바스크립트 Deep Dive를 참고하여 개인적인 공부를 목적으로 정리하였습니다.
모던 자바스크립트 Deep Dive - 교보문고
자바스크립트의 기본 개념과 동작 원리 | 웹페이지의 단순한 보조 기능을 처리하기 위한 제한적인 용도로 태어난 자바스크립트는 과도하다고 느껴질 만큼 친절한 프로그래밍 언어입니다. 이러
www.kyobobook.co.kr
'Front-End > Javascript' 카테고리의 다른 글
| [JavaScript] 15장 let, const 키워드와 블록 레벨 스코프 (0) | 2022.03.31 |
|---|---|
| [JavaScript] 14장 전역 변수의 문제점 (0) | 2022.03.30 |
| [JavaScript] 12장 함수 (0) | 2022.03.28 |
| [JavaScript] 11장 원시 값과 객체의 비교 (0) | 2022.03.18 |
| [JavaScript] 10장 객체 리터럴 (0) | 2022.03.17 |