JavaScript 함수에서 전역 변수를 정의하는 두 가지 방법

전역 변수란?

전역 변수(Global Variable)는 스크립트의 어떤 위치에서든 접근할 수 있는 변수로, 함수 내부뿐 아니라 코드 전체에서 참조할 수 있습니다. JavaScript에서는 크게 두 가지 방법으로 전역 변수를 정의할 수 있습니다.

방법 1: 전역 범위에서 var 키워드 사용

함수 외부, 즉 전역 범위(global scope)에서 var 키워드로 변수를 선언하면 해당 변수는 전역 변수가 됩니다.

<script>
   var myGlobalVariable;
   function display() {
      // 이 함수 안에서도 myGlobalVariable에 접근 가능
   }
</script>

이처럼 <script> 태그 최상위 레벨에서 선언된 변수는 별도의 설정 없이 모든 함수에서 자유롭게 읽고 쓸 수 있습니다.

방법 2: 함수 내부에서 window 객체에 속성 할당

함수 안에서 전역 변수를 만들어야 하는 경우에는 window 객체에 직접 속성을 할당하는 방식을 사용합니다.

<script>
   function display() {
      window.myGlobalVariable = 값;
  }
</script>

브라우저 환경에서 window는 최상위 전역 객체이므로, 이렇게 할당된 속성은 전역 변수와 동일하게 동작하며 스크립트 어느 곳에서나 접근할 수 있습니다.

참고 사항

두 번째 방법은 var 키워드 없이도 변수가 생성된다는 특징이 있습니다. 다만 전역 변수를 남용하면 이름 충돌이나 예기치 않은 값 변경으로 인한 버그가 발생하기 쉬우므로, 꼭 필요한 경우에만 사용하고 가능한 한 지역 변수 활용을 권장합니다.