JavaScript 스코프

var vscope = 'global';
function fscope() {
    var vscope = 'local'
    console.log(vscope); // local 
}
fscope(); 

console.log(vscope); // global

var vscope = 'global';
function fscope() {
    console.log(vscope); // global
}
fscope();

var vscope = 'global';
function fscope() {
    var vscope = 'local'
    console.log(vscope); // local 
}
fscope(); 
        ```
지역이란 함수 몸체 내부를 의미한다. 지역 변수는 자신의 지역 스코프와 하위 지역 스코프(중첩 함수)에서 유효하다. 

#### 전역변수는 문제점이 있다.
- 전역변수는 어디서든 참조하고 할당할 수 있어서 코드의 가독성을 해친다.  
의도치 않게 값이 변경될 수 있는 위험성이 높아진다.  
- 전역변수는 지역변수보다 생명 주기가 길다. **상태를 변경할 수 있는 시간과 기회가 많아**져 **의도치 않게 값이 변경되는 문제**가 생길 수 있고, **메모리 리소스도 긴 기간을 소비**하게 된다. 
- 일반적으로 함수가 종료하면 함수가 생성한 스코프도 소멸하게 되는데 [[JavaScript-Closure|누군가 스코프를 참조하고 있다면 스코프는 해제되지 않고 생존하게 된다.]]  
- 전역 변수는 [[JavaScript-Scope-Chain|스코프 체인]]상 종점에 존재해서 변수 검색 속도가 가장 느리다. 파일이 분리되어있다고 해도 마찬가지다. 하나의 전역 스코프를 공유하게 되니 동일한 이름으로 명명된 전역변수 또는 함수가 있을 경우 문제가 생길 가능성이 높다.  

💡 결론적으로 **지역변수를 우선으로 사용하고 전역변수는 사용해야 하는 이유가 분명하지 않은 경우 사용하지 않는 것이 좋다.** 

사용해 본 적이 없다. 사용했다면 실수지 않을까...앞으로도 사용할 일은 없지 않을까? 그래도 혹시 모른다!! 전역변수를 사용해야 할 경우에 어떻게 할지 알아보자.

#### 전역변수를 꼭 사용해야한다면

1. 객체 하나를 전역변수로 만들고 객체의 속성으로 변수를 관리하는 방법
```javascript
MYAPP = {}
MYAPP.calculator = {
    'left' : null,
    'right' : null
}
MYAPP.coordinate = {
    'left' : null,
    'right' : null
}

MYAPP.calculator.left = 10;
MYAPP.calculator.right = 20;
function sum() {
    return MYAPP.calculator.left + MYAPP.calculator.right;
}

document.write(sum());

(function() {
    MYAPP = {}
    MYAPP.calculator = {
        'left' : null,
        'right' : null
    }
    MYAPP.coordinate = {
        'left' : null,
        'right' : null
    }

    MYAPP.calculator.left = 10;
    MYAPP.calculator.right = 20;
    function sum() {
        return MYAPP.calculator.left + MYAPP.calculator.right;
    }

    document.write(sum());
}())

for(var i = 0; i < 10; i++) {
    var test = 'Test!!!';
}
alert(test); // test는 지역변수가 아니다.

var i = 5;

function a() {
  var i = 10;
  b();
}

function b() {
  document.write(i);  // 5다. 10이 아니다!
}