[Deep Dive] 전역 변수의 문제점

✔️ 이번 정독을 통해 알게 된 것
전역 변수와 지역 변수의 생명주기를 설명해주세요.
전역 변수 사용을 억제해야하는데 그 이유가 무엇인가요?

 

<답 미리보기>

🤔 전역 변수와 지역 변수의 생명주기를 설명해주세요.

🤓 전역 변수는 애플리케이션의 생명 주기와 대체로 같습니다. 지역 변수는 함수가 호출되어 실행되는 동안에만 유효합니다. 

 

🤔 전역 변수 사용을 억제해야하는데 그 이유가 무엇인가요?

🤓 전역 변수는 생명 주기가 길기 때문에 메모리 리소스도 길게 사용할 뿐더러, 전역 상태를 의도치 않게 변경할 가능성도 커진다는 것이기 때문에 전역 변수 사용을 억제해야합니다. 

 

---

✔️ 변수의 생명 주기

• 지역 변수의 생명 주기 => 함수가 호출되어 실행되는 동안에만 유효하다. 
• 전역 변수의 생명 주기 => 애플리케이션의 생명 주기와 같다. 

변수는 자신이 등록된 스코프가 소멸될 때까지 유효하다. 할당된 메모리 공간은 더 이상 참조되지 않으면 가비지 콜렉터에 의해 해제되서 가용 메모리 풀에 반환된다. 

 

 

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

👉 foo 함수 내부에 선언된 지역 변수 x는 undefined로 초기화된 상태이다. 변수 할당문이 실행되기 전까지는 undefined 값을 갖는다. 

 

★ 이처럼 호이스팅은 스코프를 단위로 동작한다. ★

 

 

---

✔️ 전역 변수의 문제점

• 암묵적 결합

전역 변수를 선언한다는 것은 모든 코드가 전역 변수를 참조하고 변경할 수 있는 암묵적 결합을 허용하는 것인데, 변수의 유효 범위가 커지게 되면 코드의 가독성이 나빠지고 의도치 않게 상태가 변경될 수 있는 위험성도 높아진다. 

• 긴 생명 주기

전역 변수의 생명 주기가 길기 때문에 의도치 않게 전역 변수의 상태를 변경할 가능성도 커진다. 

• 스코프 체인 상에서 종점에 존재

전역 변수는 스코프 체인 상 종점에 존재하는데, 변수를 검색할 때 전역 변수가 가장 마지막에 검색된다는 것을 말한다. (검색 속도가 느리다.)

• 네임스페이스 오염

자바스크립트 파일이 분리되었더라도 하나의 전역 스코프를 공유하기 때문에 예상치 못한 결과를 가지고 올 수 있다. 

 

---

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

1. 즉시 실행 함수

 

2. 네임스페이스 객체

네임스페이스 객체 자체가 전역 변수에 할당되서 많이 쓰이는 방법은 아니다. 

 

3. 모듈 패턴

자바스크립트의 클로저를 기반으로 동작한다. (캡슐화까지 구현가능)

 

4. ES6 모듈

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

 

 

👩‍💻 모던 자바스크립트 Deep Dive를 정독하고 제가 이해한 내용을 정리한 글입니다 👩‍💻