전역 변수(Global Variable)는 프로그램 전체에서 접근할 수 있는 변수로, 전역 범위(global scope)를 가집니다. 여기서 변수의 범위(scope)란 해당 변수가 정의되어 유효한 프로그램 내의 영역을 의미합니다.
JavaScript 변수의 두 가지 범위
JavaScript 변수는 다음과 같이 두 가지 범위만을 가집니다.
- 전역 변수(Global Variables) – 전역 범위를 가지며, JavaScript 코드 어디에서든 정의하고 사용할 수 있습니다.
- 지역 변수(Local Variables) – 해당 변수가 정의된 함수 내부에서만 보입니다. 함수의 매개변수(parameter) 역시 항상 그 함수에 지역적입니다.
지역 변수와 전역 변수의 우선순위
함수 본문 안에서는 같은 이름을 가진 전역 변수보다 지역 변수가 우선합니다. 즉, 전역 변수와 동일한 이름으로 지역 변수나 함수 매개변수를 선언하면, 그 전역 변수는 사실상 가려지게(shadowing) 됩니다.
전역 변수 선언 예제
다음은 전역 변수를 선언하고 지역 변수와의 차이를 확인하는 예제 코드입니다.
<html>
<body onload = checkscope();>
<script>
<!--
var myVar = "global"; // 전역 변수 선언
function checkscope( ) {
var myVar = "local"; // 지역 변수 선언
document.write(myVar);
}
//-->
</script>
</body>
</html>위 예제에서 myVar는 스크립트 최상위에서 "global" 값으로 전역 변수로 선언되었지만, checkscope() 함수 내부에서 같은 이름의 지역 변수가 "local" 값으로 다시 선언됩니다. 따라서 함수가 실행되면 출력 결과는 지역 변수인 "local"이 됩니다. 이처럼 함수 내부에서는 동일한 이름의 전역 변수 대신 지역 변수가 우선 적용된다는 점을 기억해 두세요.