[JavaScript] 변수 Hoisting, 전역변수, 참조

Hoisting

자바스크립트에서 변수 / 함수를 선언하면 Hoisting이 발생.

 

Hoisting?

변수 / 함수의 선언부를 맨 위로 끌고가서 제일 먼저 해석하는 것

 

function hoisting_Test(){
  
  console.log('hello');
  var 이름 = 'Kim';
  
}

function hoisting_Test1(){

  var 이름; 
  console.log('hello');
  이름 = 'Kim';
  
}

우리가 첫번째와 같이 선언 후 출력하더라도 자바스크립트가 코드를 해석하는 순서는 두번째 코드와 같음.

변수의 선언부를 가장 위로 끌고가 해석하기 때문!

 

 

---

 

전역변수와 변수의 참조

 

전역변수

스크립트 내 모든 함수나 if나 for 내부에서 공통적으로 사용할 수 있는 (참조할 수 있는) 변수

 

var age = 30;

function test(){
  console.log(age)
}

test();

함수 밖에서 선언된 age라는 변수를 사용할 수 있는 것 = closure = 참조 가능한 변수 age

이렇게 선언한 변수는 window 오브젝트에 보관됨