해당 포스팅은 위키북스의 "모던 자바스크립트 Deep Dive"라는 책을 독학하며 기록하는 글입니다.
암묵적 결합
모든 코드가 전역 변수를 참조하고 변경할 수 있는 암묵적 결합을 허용하게 되면, 변수의 유효 범위가 크면 클수록 코드의 가독성이 나빠지고, 위험성이 높아지게 된다.
긴 생명 주기
전역 변수는 생명 주기가 길다. 즉 메모리를 오랫동안 차지하고 있다.
또한 var를 사용해서 선언한 변수는 재선언이 가능하기 때문에, 변수 이름이 중복될 수도 있다.
스코프 체인 상에서 종점에 존재
전역 변수는 항상 스코프 체인 상에서 종점(최상위)에 존재하기 때문에 변수 검색에 있어서 속도가 가장 느리다.
네임스페이스의 오염
자바스크립트의 경우 파일이 분리되어 있다 해도 하나의 전역 스코프를 공유한다는 것이다. 이는 위에서 말했듯 변수명의 중복 가능성이 있어 오류가 날 위험성이 높고, 오류를 찾기 힘들게 된다.
전역 변수의 사용을 억제하는 방법
- 즉시 실행 함수
모든 코드를 즉시 실행 함수로 감싸면 모든 변수는 즉시 실행 함수의 지역 변수가 된다. - 네임스페이스 객체
전역에 네임스페이스 역할을 담당할 객체를 생성하고 전역 변수처럼 사용하고 싶은 변수를 해당 객체의 프로퍼티로 추가하는 방법. - 모듈 패턴
클로저라는 기능을 통해 전역 변수를 억제할 수 있다.
캡술화란 객체의 프로퍼티와 메서드를 하나로 묶는 것을 말하고, 객체의 특정 프로퍼티나 메서드를 감출 목적으로 사용되기도 하는데 이를 정보 은닉이라 한다. - ES6 모듈
ES6 모듈을 사용하면 더는 전역 변수를 사용할 수 없다. ES6 모듈은 파일 자체의 독자적인 모듈 스코프를 제공한다. 따라서 모듈 내에서 var키워드로 선언한 변수는 더 이상 전역 변수가 아니며 window객체의 프로퍼티도 아니다.
사용은 script태그의 type속성으로 module을 추가해주면 된다.
<script type="module", src="source.js">변수의 스코프는 좁을수록 좋다.
I Will be Relaxed Person