[Javascript] Scope

현재 실행되는 컨텍스트를 말한다. 여기서 컨텍스트는 값과 표현식이 "표현"되거나 참조 될 수 있음을 의미한다. 만약 변수 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없다. 스코프는 또한 계층적인 구조를 가지기 때문에 하위 스코프는 상위 스코프에 접근할 수 있지만 반대는 불가하다. -MDN

Scope는 단어 의미 그대로 범위를 지칭한다.
Javascript에서 Scope는 크게 Gloval Scope와 Local Scope로 나눌 수 있다.
Local Scope는 Function Scope로 이해하면 쉽다.

Javascript에서 변수가 선언 함수내에 선언된다면 함수는 클로저의 역할을 하므로 해당 변수는 함수 밖에서 사용될 수 없다.

function test() {
	let a = 1
    console.log(a)
}

test()  // 1
console.log(a)  // Error

test 함수에서 a를 선언하고 함수 실행해보면 a의 값은 1이 출력된다.
하지만 함수 외부에서 a를 찍어보면 Error가 발생한다.
하위 Scope에서 선언된 a는 상위 Scope에서 접근할 수 없다.

let a = 1

function test() {
    console.log(a)
}

test()  // 1
console.log(a)  // 1

위의 경우와 같이 상위 Scope에 1을 선언하고 함수를 찍어보면 a의 값인 1이 정상적으로 출력된다.
하위 Scope는 상위 Scope에 접근 가능하다는 것을 알 수 있다.