[JS] JS 스코프(Scope) 유효범위 가볍게 이해하기

스코프(Scope)란?

Scope, JS에서는 유효 범위라고 해석한다.

말 그대로, 어떤 값이 영향을 미칠 수 있는 범위 = 스코프

스코프는 크게 전역범위(Global Scope)와 지역범위(Local Scope) 두 가지로 나뉜다.

let globalNumber = 7;

function showNumbers() {
    let localNumber = 5;
    console.log(globalNumber);
    console.log(localNumber);
}

showNumbers();
console.log(localNumber);

 

전역 스코프(Global Scope)

위의 코드에서 globalNumber라는 변수를 보면, 가장 윗줄에서 선언할 때 숫자 7을 할당 했고, showNumbers 함수 내부에서 접근하고 있다. showNumbers 함수를 호출 했고 실행한 결과로 콘솔에서 가장 위에 숫자 7이 출력이 된걸 보아, 이 변수가 함수 내부에서도 잘 접근 하고 있다고 보여준다.

즉, 전역스코프는 말 그대로 어느 영역에서든 접근할 수 있는 범위를 말한다.

어떤 중괄호에도 들어가지 않고, 아무런 들여 쓰기 없이 가장 바깥쪽에 선언된 값이면 어디서든 접근해도 접근이 가능한 개념이다.

 

지역 스코프(Local Scope)

이번엔 localNumber이라는 변수를 보면, global과는 다르게 함수 내부에서 선언되었고, 함수 내부에서도 이 변수에 접근 하고 있고, 마지막 줄에서도 이 변수에 접근하고자 한다. showNumbers 함수를 호출하고 실행한 결과로 숫자 5가 잘 출력되었지만 마지막 줄에서는 ReferenceError가 발생하면서 localNumber가 선언되지 않았다.

즉, 지역스코프는 특정한 영역에서만 접근이 유요한 범위 를 말한다.

지역 스코프는 선언 시점이 중요한 부분이다.

지역스코프는 특성에 따라 여러가지 이름으로 세분화 된다. 크게 두가지 함수와 블록스코프로 나눌 수 있다.

 

함수 스코프(function scope)

함수 내부에서 선언된 변수나 함수는, 함수 내부에서만 유효하고 함수 밖에서 참조 될 수 없다.

 

블록 스코프 (block scope)

말 그대로 블록 문에 지역 스코프 개념이 적용되는 것

{
    let x = 3;
    console.log(x);
}

console.log(x);

 

자바 스크립트는 중괄호 안에서 선언된 변수들은 중괄호 안에서만 유요하고 그 밖에서는 접근이 불가.