[javascript] 전역 변수와 지역 변수를 효과적으로 활용하는 팁

05 Dec 2023

javascript

자바스크립트에서 변수는 전역 변수와 지역 변수로 나뉘어집니다. 전역 변수는 어디서든 접근할 수 있고, 지역 변수는 특정한 범위 안에서만 접근할 수 있습니다. 변수의 범위를 올바르게 활용하면 코드의 가독성과 유지 보수성을 향상시킬 수 있습니다. 이번 포스트에서는 전역 변수와 지역 변수를 효과적으로 활용하기 위한 몇 가지 팁을 알아보겠습니다.

1. 전역 변수 최소화

전역 변수는 프로그램 전체에서 공유되므로, 해당 변수를 변경하는 부분을 추적하기 어려울 수 있습니다. 또한, 다른 모듈 또는 스크립트와의 충돌이 발생할 수도 있습니다. 따라서, 전역 변수의 사용을 최소화하는 것이 좋습니다.

// 좋지 않은 예
function calculateTotal() {
  // 전역 변수 사용
  total = 0;
  for (var i = 0; i < items.length; i++) {
    total += items[i];
  }
}

// 좋은 예
function calculateTotal() {
  var total = 0; // 지역 변수 사용
  for (var i = 0; i < items.length; i++) {
    total += items[i];
  }
  return total; // 필요한 경우에만 반환
}

2. 즉시 실행 함수 사용

즉시 실행 함수는 함수와 해당 함수의 지역 변수를 한 번에 선언하고 실행하는 방법입니다. 이를 통해 전역 범위를 오염시키지 않고, 개별 모듈의 변수를 감추는 것이 가능합니다.

// 즉시 실행 함수를 사용한 모듈 패턴
(function() {
  var privateVariable = 'Private Data'; // 비공개 변수
  function privateFunction() {
    // 비공개 함수
  }
  
  function publicFunction() {
    // 외부에서 접근 가능한 공개 함수
  }
  
  // 외부에 공개할 변수 또는 함수를 반환
  return {
    publicFunction: publicFunction
  };
})();

3. 모듈 패턴 사용

모듈 패턴은 비공개 변수와 함수를 사용하여 캡슐화된 모듈을 만드는 방법입니다. 비공개 멤버를 사용하여 외부에서 접근할 수 없게 함으로써 코드의 보안성과 안정성을 높일 수 있습니다.

// 모듈 패턴을 사용한 예
var module = (function() {
  var privateVariable = 'Private Data'; // 비공개 변수
  
  function privateFunction() {
    // 비공개 함수
  }
  
  function publicFunction() {
    // 외부에서 접근 가능한 공개 함수
  }
  
  // 외부에 공개할 변수 또는 함수를 반환
  return {
    publicFunction: publicFunction
  };
})();

결론

전역 변수와 지역 변수를 효과적으로 활용하는 것은 자바스크립트 프로그래밍에서 중요한 요소입니다. 전역 변수를 최소화하고 지역 변수를 사용하여 코드의 가독성과 유지 보수성을 향상시키는 방안을 고려해보세요. 즉시 실행 함수와 모듈 패턴은 코드의 구조화와 보호를 위해 유용한 도구입니다.

더 자세한 내용은 다음 참고 자료를 확인해보시기 바랍니다:

위의 팁과 참고 자료를 활용하여 자바스크립트 변수의 범위를 최적화해보세요.