자바스크립트 전역 변수(Global Variable)

09 Sep 2023

javascript

자바스크립트에서 전역 변수(Global Variable)는 어디서든 접근 가능한 변수를 말합니다. 이는 프로그램 전체에서 공유되는 변수로, 함수 외부에 선언된 변수입니다.

전역 변수는 많은 개발자들에게 편리함을 제공하지만, 부적절한 사용은 코드의 가독성과 유지 관리에 문제를 일으킬 수 있습니다. 이에 따라 전역 변수 사용에 대한 몇 가지 주의사항과 해결 방법을 살펴보겠습니다.

전역 변수의 문제점

충돌 가능성

전역 변수를 사용하면 여러 스크립트 파일이나 라이브러리에서 동일한 이름의 변수를 사용할 경우 충돌이 발생할 수 있습니다. 이는 예기치 않은 동작이나 오류를 일으킬 수 있습니다.

데이터 은닉의 어려움

전역 변수는 어디서든지 접근 가능하기 때문에, 변수의 값이 변경되거나 누군가에 의해 조작될 수 있습니다. 이로 인해 코드의 복잡성이 증가하고, 버그가 발생할 가능성도 높아집니다.

해결 방법

모듈 패턴(Module Pattern)

모듈 패턴은 전역 변수를 제한하여 접근을 제어하고, 데이터 은닉을 가능하게 합니다. 모듈 패턴을 사용하면 전역 변수를 선언하는 대신, 함수 안에 변수를 선언하고 해당 함수를 반환하는 방식으로 전역 변수를 사용합니다.

const myModule = (function() {
  // 전역 변수 대신 함수 안에서 변수 선언
  let privateVariable = "Hello";

  function privateMethod() {
    console.log(privateVariable);
  }

  return {
    publicMethod: function() {
      privateMethod(); // 전역 변수에 접근 가능
    }
  };
})();

myModule.publicMethod(); // "Hello" 출력
console.log(privateVariable); // 오류 발생: 전역 변수 접근 불가

네임스페이스 객체(Namespace Object)

네임스페이스 객체는 전역 변수를 하나의 객체 안에 담아 사용하는 방법입니다. 이를 통해 전역변수를 최소화하고, 충돌 가능성을 줄일 수 있습니다.

const myNamespace = {
  privateVariable: "Hello",
  publicMethod: function() {
    console.log(myNamespace.privateVariable);
  }
};

myNamespace.publicMethod(); // "Hello" 출력
console.log(myNamespace.privateVariable); // undefined 출력: 외부에서 접근 불가

주의사항

전역 변수의 사용은 최소화하는 것이 좋습니다.
함수나 객체의 속성을 사용하여 데이터를 공유하는 방법을 고려해보세요.
네임스페이스 패턴이나 모듈 패턴 등 개발자들이 자주 사용하는 방식을 익혀두세요.

전역 변수를 올바르게 사용하고 관리한다면, 코드의 가독성과 유지 관리성을 향상시킬 수 있습니다. 올바른 사용법을 학습하고, 최신 자바스크립트 동향과 모범 사례를 따르는 것을 권장합니다.