[JavaScript] 전역 변수 와 지역변수

변수는 유효범위에 따라 전역변수(Global Variable)와 지역변수(Local Variable)로 구분할 수 있다.

• Javascript 변수 유효범위는 변수를 어디에서 접근 할 수 있느냐를 가르킨다.
• 전역변수는 함수 외부에서 선언된 변수로, 프로그램 전체에서 접근할 수 있는 변수이다.
• 지역변수는 함수 내부에서 선언된 변수로, 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수이다.
• 지역변수는 함수 외부에서는 접근할 수 없다.

let name = "global" // 전역변수를 선언

function scopeTest() {
    let name = "local" // 지역 변수를 선언
    console.log(name); // 전역 변수가 아닌 지역변수를 사용
}

scopeTest(); // "local"

console.log(name); // "global"

 

let name = "global" // 전역변수를 선언

function scopeTest() {
    let name2 = "local" // 지역변수를 선언
    console.log(name);  // "global" 지역변수가 아닌 전역변수를 사용
    console.log(name2); // "local"  전역변수가 아닌 지역변수를 사용
}

scopeTest(); // "global" 출력 후 "local" 출력

console.log(name2); // error

 

---

• 전역 변수는 같은 이름을 가진 지역 변수에 의해 가려지지만 않는다면 모든 함수에서 접근 가능하다.
• 다만 프로젝트 전반에서 사용 되는 데이터는 전역 변수에 저장하는 것이 유용한 경우도 있다.
• 전역 변수는 되도록 사용 되지 않는것이 좋다.
• 변수명은 명확하게 구분하도록 하자