[JavaScript] 자바스크립트의 기초_스코프(전역 스코프와 지역 스코프)

---

 

 

사이드 프로젝트를 위한 자바스크립트

인프런 한 입 크기로 잘라먹는 리엑트(React): 기초부터 실전까지
강의를 기반으로 정리하였으며, 상업적 목적이 아닌 학습 기록용 입니다.

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지| 이정환 Winterlood - 인프런 강의

 

 

목차

스코프(Scope)

전역 및 지역 스코프

 

 

---

 

 

스코프(Scope)

스코프(범위): 변수나 함수에 접근하거나 호출할 수 있는 범위를 의미한다.
스코프를 통해 변수가 언제 어디서 접근이 가능하고, 어떤 값을 가지는지 명확하게 파악할 수 있다.

• 전역 스코프: 전체 영역에서 접근 가능
• 지역 스코프: 특정 영역에서만 접근 가능하며, 해당 지역 내에서만 접근 및 호출이 가능하다.

 

 

 

 

전역 및 지역 스코프

전역 스코프: 전체 영역에서 접근 가능하며, 선언된 변수나 함수는 어디서든 접근하고 호출 가능하다.

지역 스코프: 특정 영역에서만 접근 가능하며, 해당 지역 내에서만 접근 및 호출이 가능하다.
• 함수 스코프: 함수 내부에 선언된 변수나 함수는 해당 함수 내부에서만 접근 가능하다.
• 블록 스코프: if, for, while문 등 중괄호{} 내부에서 선언된 변수들은 해당 블록 내에서만 접근 가능하다.

let a = 1; // 전역 스코프

function funcA() {
  let b = 2; // 지역 스코프
  console.log(a);

  function funcB() {}
}

funcA();

// 접근이 불가능한 영역에 있는 변수를 알 수 없음
// console.log(b);
// funcB(); // 지역 스코프로 인한 오류 발생

if (true) {
  let c = 1; // 중괄호(블럭) 내에서는 모두 지역 스코프를 가짐
}
// console.log(c); // 오류 발생

for (let i = 0; i < 10; i++) {
  let d = 1;
  function funcC() {}
}

// 반복문 안에서는 전역 스코프
funcC();