14장 전역 변수의 문제점

14.1 변수의 생명 주기

전역 변수의 생명 주기는 애플리케이션의 생명 주기와 같다.

함수 내부에서 선언된 지역 변수는 함수가 호출되면 생성되고 종료하면 소멸한다.

function foo(){
  var x = 'local';//변수 x 생성,할당
  console.log(x);
  return x;//변수 x 소멸
}

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

 

지역 변수의 생명 주기는 함수의 생명 주기와 일치한다. 

var x = 'global';

function foo(){
  console.log(x);//undefined
  var x = 'local';
}

foo();
console.log(x)//'global'

 

위 예제를 통해 호이스팅은 스코프 단위로 동작하는 것을 알 수 있다. 

 

14.2 전역 변수의 문제점

- 전역 변수를 선언한 의도는 코드 어디서든 변수를 참고하고 변경할 수 있다는 암묵적 결합을 허용하는 것이다. 

- 전역 변수는 생명 주기가 길어 메모리도 오랜 기간 소비한다. 

- 스코프 체인 상에서 종점에 존재하므로 검색 속도가 가장 느리다. 

- 네임스페이스 오염(다른 파일 내에서 동일한 이름으로 명명되었을 경우가 발생할 수 있다.)

 

14.3 전역 변수의 사용을 억제하는 방법

변수의 스코프를 좁을수록 좋다. 

- 즉시 실행 함수

즉시 실행 함수로 감싸면 모든 변수는 즉시 실행 함수의 지역 변수가 된다. 

- 네임스페이스 객체 (객체를 생성하고 전역 변수처럼 사용하고 싶은 변수를 프로퍼티로 추가하는 방법이다.)

var MYAPP = {};

MYAPP.name = 'Lee';

console.log(MYAPP.name)//Lee

 

- 모듈 패턴 

 

- ES6 모듈

파일 자체의 독자적인 모듈 스코프를 제공한다.