[JS]정리

window는 전역 데이터와 같은 공간임.

자바스크립트 변수, 함수의 Hoisting 현상

자바스크립트는 변수나 함수를 선언하면 Hoisting이라는 현상이 일어납니다.

자바스크립트는 변수나 함수의 선언부분을 변수의 범위 맨 위로 강제로 끌고가서 가장 먼저 해석합니다.

그게 Hoisting입니다

<script>
  
  console.log(이름);
  var 이름 = 'Kim';
  console.log(이름);

</script>

콘솔창에 첫째로는 undefined가 출력되고

둘째로는 Kim이 출력됩니다.

왜냐면 Hoisting 때문에

전역변수

나이라는 전역변수를 만들면

자동으로 window 오브젝트에 보관이 되었으니까

신기하게 window.나이를 써도 출력이 됩니다.

(전역함수도 마찬가지로 window에 자동으로 보관됩니다)

그래서 전역변수를 조금 더 엄격하게 관리하거나 구분짓고 싶으면

전역변수를 만들 때와 사용할 때 window를 활용해보십시오.

<script>
  window.나이 = 20;  //전역변수만들기
  console.log(window.나이);  //전역변수사용하기
  window.나이 = 30;  //전역변수변경하기
</script>