전역 변수의 무분별한 사용은 위험하므로 반드시 전역 변수를 사용해야 할 이유가 없다면 지역 변수를 사용해야 한다.
변수의 생명 주기
변수는 선언에 의해 생성되고 할당을 통해 값을 갖는다. 그리고 언젠가 소멸한다. 즉, 변수는 생명 주기가 있다.
지역 변수의 생명 주기
지역 변수는 함수가 호출되면 생성되고 함수가 종료되면 소멸한다. 즉, 지역 변수의 생명 주기는 함수의 생명 주기와 일치한다.
지역 변수는 함수가 호출된 직후에 함수 몸체의 코드가 한 줄씩 순차적으로 실행되기 이전에 먼저 실행된다.
즉, 호이스팅은 스코프 단위로 동작한다.
전역 변수의 생명 주기
전역 코드는 명시적 호출 없이 실행된다.
var 키워드로 선언한 전역 변수의 생명 주기는 전역 객체의 생명 주기와 일치한다.
전역 변수의 문제점
암묵적 결합
전역 변수를 선언한 의도는 전역, 즉 어디서든 참조하고 할당할 수 있는 변수를 사용하겠다는 뜻이다.
이는 모든 코드가 전역 변수를 참조하고 변경할 수 있는 암묵적 결합을 허용한다는 뜻이다.
변수의 스코프가 늘어나면 가독성은 나빠지고 의도치 않은 상태 변화가 일어날 수 있다.
긴 생명 주기
전역 변수는 생명 주기가 길며, 메모리 리소스도 오랜 기간 소비한다.
스코프 체인 상에서 종점에 존재
변수를 검색할 때 전역 변수가 가장 마지막에 검색된다. 즉, 전역 변수의 검색 속도가 가장 느리다.
네임스페이스 오염
파일이 분리되어 있어도 하나의 전역 스코프를 공유한다. 즉, 다른 파일 내에서 동일한 이름으로 명명된 전역 변수나 전역 함수가 같은 스코프 내에 존재하면 예상치 못한 결과를 불러올 수 있다.
전역 변수 사용을 억제하는 방법
변수의 스코프는 좁을수록 좋다.
즉시 실행 함수
모든 코드를 즉시 실행 함수로 감싸면 모든 변수는 즉시 실핼 함수의 지역 변수가 된다.
네임스페이스 객체
전역에 네임스페이스 역할을 담당할 객체를 생성하고 전역 변수처럼 사용하고 싶은 변수를 프로퍼티로 추가하는 방법임.
이 방법 또한 계층적으로 구성할 수 있다.
하지만 네임스페이스 자체가 전역 변수에 할당되므로 유용하지 않다.
모듈 패턴
모듈 패턴은 클래스를 모방하여 관련이 있는 변수와 함수만을 모아 즉시 실행 함수로 감싸 하나의 모듈은 만든다. 이 기능은 클로저를 기반으로 동작한다.
ES6 모듈
ES6 모듈을 사용하면 더는 전역 변수를 사용할 수 없다. ES6 모듈은 파일 자체에 독자적인 모듈 스코프를 제공한다.
하지만 지원하지 않는 브라우저가 있어 사용을 권장하지 않는다.
