[모딥다] 13장 스코프

13.1 스코프란?

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

var 키워드 / const, let 키워드는 다르게 동작함.

 

📌 모든 식별자는 자신이 설언된 위치에 의해 스코프가 결정된다.

 

식별자 결정 : JS 엔진이 스코프를 통해 어떤 변수를 참조할 것인지 결정하는 것. 

=> 스코프는 JS 엔진이 식별자를 검색할 때 사용하는 규칙이기도 함. 

 

📌 렉시컬 환경 : 코드가 어디서 실행되며, 주변에 어떤 코드가 있는지를 의미

-> 코드의 문맥은 렉시컬 환경으로 이뤄짐. 

-> 이걸 구현한 것 : 실행 컨텍스트

 

스코프 내에서 식별자는 유일해야하지만, 

다른 스코프에서는 동일한 이름의 식별자를 사용할 수 있음.

 

📌 var 키워드 사용한 변수 : 같은 스코프 내에서 중복 선언이 가능

=> 의도치 않게 변수값이 재할당 & 변경되는 부작용

📌 let, const 키워드 사용한 변수 : 같은 스코프 내에서 중복 선언을 허용 ❌

 

 

13.2 스코프의 종류

전역 - 코드 가장 바깥 영역, 전체 코드에서 사용 가능

지역 - 함수 몸체 내부

 

13.2.1 전역과 전역 스코프

전역 변수는 어디서든지 참조할 수 있다.

 

13.2.2 지역과 지역 스코프

지역 - 함수 몸체 내부를 의미

지역 변수는 자신의 지역 스코프와 하위 스코프에서 유효함.

 

 

13.3 스코프 체인

지역 스코프도 중첩될 수 있음

-> 스코프가 함수의 중첩에 의해서 계층적 구조를 갖는다는 것을 의미.

 

스코프 체인 : 스코프가 하나의 계층적 구조로 연결된 것. 

 

변수를 참조할 때 -> JS 엔진은 스코프 체인을 통해 점점 상위로 이동하며 검색함. 

 

13.3.1 스코프 체인에 의한 변수 검색

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

하위 스코프에서 유요한 변수를 상위 스코프에서 참조할 수 없다.

 

13.3.2 스코프 체인에 의한 함수 검색

 

 

13.4 함수 레벨 스코프

지역 -함수 몸체를 의미 => 지역 스코프는 코드블록이 아닌 함수에 의해 생성됨.

 

대부분의 다른 프로그래밍 언어는 모든 코드블록이 지역 스코프를 만듦 (블록 레벨 스코프)

하지만 JS에서의 예외 :: var 키워드로 선언된 변수 =>  함수의 코드 블록을 지역 스코프로 인정함. (함수 레벨 스코프)

 

13.5 렉시컬 스코프

JS 는 렉시컬 스코프를 따름

-> 함수를 어디서 호출했는지가 아니라

함수를 어디서 정의했는지에 따라 상위 스코프를 결정함. 

 

함수가 호출된 위치는 상위 스코프에 전혀 영향을 주지 않음.

 

함수의 상위 스코프 : 함수 정의가 실행될 때 정적으로 결정됨.

함수 정의가 실행 -> 이렇게 결정된 상위 스코프를 기억함.