변수와 호이스팅

변수

변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해
붙인 이름을 말한다

 

간단하게 말하자면 변수는 값의 위치를 가리키는 상징적인 이름인것이다.

 

자바스크립트의 경우 개발자의 직접적인 메모리 제어를 허용하지 않는다. 

c언어 같은 경우 포인터를 통해 주소를 직접 참조하는것과는 다른 느낌인지는 정확히 모르겠다.

 

메모리 공간에 저장된 값을 식별할 수 있는 고유한 이름을 변수 이름 이라 한다. 그리고 변수에 저장된 값을 

변수 값이라고 한다.

변수에 값을 저장하는 것을 할당(대입, 저장)이라 하고, 변수에 저장된 값을 읽어 들이는것을 참조라 한다.

 

식별자

식별자는 어떤 값을 구별해서 식별할수있는 고유한 이름을 말한다.

 

변수, 함수, 클래스 등의 이름을 모두 식별자라고 할수있다. 

식별자는 값이 아니라 메모리 주소를 기억하고 있다. 

 

 

변수를 선언할때 값을 할당하지 않으면 자바스크립트 엔진에 의해 undefined라는 값이 암묵적으로 할당된다.
한마디로 선언과 초기화가 값을 할당하지 않으면 undefined가 암묵적으로 할당된다. 

 

호이스팅

console.log(score); //undefined

var score;	//변수 선언문

이런식으로 console.log를 먼저 써주고 선언을 늦게 해줘도 에러가 발생하지 않고 undefined가 출력된다. 

그 이유는 변수선언이 소스코드가 한 줄씩 순차적으로 실행되는 시점, 즉 런타임이 아니라 그 이전 단계에서 먼저
실행되기 때문이다. 

자바스크립트의 경우 실행을 하게 되면 
소스코드의 평가 와 소스코드의 실행 두가지 단계로 나뉘는데 평가 부분에서 변수선언이 어디에 있든 다른 코드보다
먼저 실행한다는것이다.  

자바스크립트 엔진의 특징중 하나이다. 

 

이렇듯 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트의 고유의 특징을 호이스팅이라 한다.
모든 식별자는 호이스팅 된다. 

 

자바스크립트의 경우 

var  score = 80; 을 하더라도 var score 와 score =80으로 나뉘어 평가 부분과 실행 부분에서 각각 실행된다. 

console.log(score);		//undefined

var score;		1.변수 선언
score = 80;		2.값의 할당

console.log(score);		//80

이런 예제의 경우 변수 선언은 런타임 이전에 먼저 실행되고 값의 할당은 변수선언이 완료된후 런타임때 실행된다. 

그래서 런타임 이후에 실행되는 console.log 두개와 값의 할당이 순서대로 이루어져 undefined와 80이 나오는 것이다.

console.log(score);		//undefined

var score = 80;		//선언 및 할당

console.log(score);		//80

이런식으로 하여도 선언과 할당이 런타임 이전과 이후로 나뉘어 실행되기 때문에 결과 값은 같다.