[JavaScript] 스코프(Scope)란 무엇인가?

스코프(Scope) ❓

1️⃣ 변수를 참조할 수 있는 유효 범위

2️⃣ 식별자(변수, 함수, 클래스 이름) 접근 규칙에 따른 유효 범위

범위(스코프)는 중괄호(블록) 또는 함수에 의해 나눠진다.

 

스코프의 주요 규칙 ❗

👉 규칙 1. 블럭 안의 변수는 블럭 안에서만 유효하다.

• 바깥쪽 스코프에서 선언한 식별자는 안쪽 스코프에서 사용 가능
• 반면, 안쪽에서 선언한 식별자는 바깥쪽 스코프에서는 사용할 수 ❌
• 블럭 내부에서만 존재하고, 블럭이 끝나면 가비지 컬렉터(GC)에 의해 자동으로 소멸된다.

const a = 1;
{
  const b = 2;
  console.log(a); 
}
console.log(b); // 오류 발생(app crashed)

 

👉 규칙 2. 전역 스코프 vs 지역 스코프

• 가장 바깥쪽의 스코프를 전역 스코프(Global Scope)라고 부른다.
• 전역이 아닌 다른 스코프는 전부 지역 스코프(Local Scope)라고 부른다.

const a = 1; // 전역 스코프(Global Scope)
{
  const b = 2; // 지역 스코프(Local Scope)
  console.log(a);
  {
    const c = 3; // 지역 스코프(Local Scope)
    console.log(b);
  }
}

 

👉 규칙 3. 지역 변수는 전역 변수보다 우선순위가 더 높다.

• 전역 스코프에서 선언한 변수는 전역 변수이다.
• 지역 스코프에서 선언한 변수는 지역 변수이다.

const a = 1;
{
  const a = 2;
  console.log(a);
}
// 출력 결과: 2

 

스코프의 종류 ❗

스코프의 종류로는 블럭 스코프와 함수 스코프가 있다.

•  블럭 외부에서는 블럭 내부의 변수를 참조할 수 ❌
•  함수 외부에서는 함수 내부의 변수를 참조할 수 ❌
•  함수 외부에서는 함수의 매개변수를 참조할 수 ❌

 

💡 깨달은 점

변수는 최대한 필요한 곳에서 정의해야 한다.

• 이름 충돌 방지
• 메모리 절약

 

📚 참조 문헌 및 사이트

https://hanamon.kr/javascript-%EC%8A%A4%EC%BD%94%ED%94%84%EC%99%80-%EB%B3%80%EC%88%98%EC%84%A0%EC%96%B8%ED%82%A4%EC%9B%8C%EB%93%9C-%EC%B0%A8%EC%9D%B4%EC%A0%90/

[JavaScript] 스코프(Scope)와 변수 선언 (var, let, const 키워드 차이점) - 하나몬