[javascript] 변수 범위 제한

22 Dec 2023

javascript

변수 범위(scope)는 변수가 접근 가능한 범위를 나타냅니다. 자바스크립트에서는 변수 범위가 전역 범위(global scope)와 지역 범위(local scope)로 나뉩니다. 이 포스트에서는 자바스크립트 변수 범위에 대해 자세히 알아보고, 지역 범위를 제한하는 방법에 대해 알아보겠습니다.

전역 범위(Global Scope)

전역 범위는 코드 어디에서든지 접근할 수 있는 범위를 말합니다. 전역 범위에서 선언된 변수는 어디서든 사용할 수 있지만, 이는 코드의 유지보수를 어렵게 만들 수 있습니다.

예시:

let globalVar = 10;

function myFunction() {
  console.log(globalVar); // 10을 출력
}

전역 범위에서 선언된 globalVar 변수는 myFunction 안에서도 접근할 수 있습니다.

지역 범위(Local Scope)

지역 범위는 특정 블록 안에서만 접근할 수 있는 범위를 말합니다. let 또는 const 키워드를 사용하여 블록 스코프 변수를 선언할 수 있습니다.

예시:

function myFunction() {
  let localVar = 20;
  console.log(localVar); // 20을 출력
}

console.log(localVar); // ReferenceError: localVar is not defined

함수 내에서 선언된 localVar 변수는 함수 외부에서 접근할 수 없습니다.

변수 범위 제한하는 이유

변수 범위를 제한하는 이유는 코드의 예측 가능성과 유지보수성을 높이기 위함입니다. 변수 범위가 작을수록 변수의 상태 변화를 추적하기 쉬워지며, 예기치 않은 버그를 줄일 수 있습니다.

결론

변수 범위를 제한함으로써 코드를 더 안전하고 예측 가능하게 만들 수 있습니다. 전역 변수 사용을 최소화하고, 지역 변수를 적절히 활용하여 변수 범위를 제한하는 것이 중요합니다.

이상으로 자바스크립트 변수 범위에 대한 소개를 마치겠습니다.