🤔 자바스크립트의 지역 변수, 전역 변수

자바스크립트는 변수의 사용 범위에 따라서 전역변수(global)과 지역변수(local)로 나뉜다. var로 선언 시, scope는 반드시 함수의 영역만 판단한다.

전역 변수 : 함수 밖에서 선언되거나 함수 안에서 var 키워드 없이 선언
지역 변수 : 함수 안에서 var 키워드로 선언, 선언된 함수 안에서만 사용 가능

**예시 코드**
전역 변수
var x;

function f() {
  // js는 매개변수에 자료형 안써줌
  var y; // 지역
  var x = 20; // 지역
  y = 10;
  // 항상 스코프는 자신과 가장 가까운 영역을 찾기 때문에, 지역변수 y를 의미
  z = 30;
  // var를 쓰지 않았기 때문에 함수 안에서 선언을 했다고 인식하지 않는다.
  // 또한 지역 있는 스코프가 없기 때문에 자연스럽게 전역으로 인식
}

f();
console.log(x); // undifined

console.log(z); // 30이 나온다.

🤗 그렇다면, 지역 변수와 전역 변수의 이름이 같을 경우 어떻게 접근하는가?

• global 객체 (node에서 만들어져서 브라우저에서는 실행이 불가능.)
• window 객체 (브라우저에서 실행 가능)
• this 객체 (브라우저, 노드 모두 실행 가능)
• globalThis 객체 (번역할 전역 객체 모두 나오게 해줌)

✅ 가장 합리적인 선택은 globalThis를 사용하는 것이다.
브라우저 노드 모두 실행이 가능하며 전역 객체를 모두 나오게 해주기 때문이다.

✅ this같은 경우도 같은 조건인데 왜 되도록 피해야 하는가?
this는 객체를 만들 때 객체 영역이 생기는데 그 영역을 의미하기도 한다. 객체 안에서 전역 객체를 쓴다고 this를 쓰면 그때부터는 전역 객체가 아닌 사용자 정의 객체를 의미하게 된다.