모던자바스크립트 14장 전역변수의 문제점

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

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

• 지역 변수 x는 foo함수가 호출되기 이전까지는 생성되지 않는다.
  지역 변수의 생명 주기는 함수의 생명주기와 일치 (함수가 호출된 후 실행이 종료되면 지역변수도 소멸된다)

var x = 'global';

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

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

호이스팅은 스코트를 단위로 동작

전역 변수의 생명 주기

var 키워드로 선언한 전역 변수는 전역 객체의 프로퍼티가 된다.

전역객체: 코드가 실행되기 이전에 어떤객체보다도 먼저 생성되는 객체

즉 var 키워드로 선언한 전역 변수의 생명 주기는 전역 객체의 생명 주기와 일치

전역 변수의 문제점

전역 변수: 코드 어디서든 참조하고 할당할 수 있는 변수로 사용
이에 대한 문제점으로

1. 암묵적 결합: 모든 코드가 전역 변수를 참조하고 변경할 수 있다.
2. 긴 생명주기 -> 메모리 리소스도 오랜 기간 소비

var x = 1;

// ...

// 변수의 중복 선언. 기존 변수에 값을 재할당한다.
var x = 100;
console.log(x); // 100

var와 같은 경우 의도치 않는 재할당이 이루어진다.

3. 스코프 체인 상 에서 종점에 존재
   전역 변수의 검색 속도가 가장 느리다

4. 네임스페이스 오염
   동일한 이름으로 명명된 전역 변수나 전역 함수때문에 예상치 못한 결과를 가져올 수 잇다.

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

1. 즉시 실행 함수

   (function () {
   var foo = 10; // 즉시 실행 함수의 지역 변수
   // ...
   }());
   

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

2. 네임스페이스 객체
```js
var MYAPP = {}; // 전역 네임스페이스 객체

MYAPP.name = 'Lee';

console.log(MYAPP.name); // Lee