Deep Dive -3 (var)

초기화란 ?

• 초기화란 변수가 선언되고 최초로 값을 할당하는 것을 말하는데, 이 초기화 단계를 거치지 않으면 확보된 메모리 공간에는 이전에 다른 애플리케이션이 사용했던 값이 남아있을 수 있고 이 값을 쓰레기 값(garbage value)이라 한다.
• 따라서 메모리 공간을 확보한 후 값을 할당하지 않고 곧바로 변수 값을 참조하면 쓰레기 값이 나올 수 있다.

 

var

• var은 ES6에서 let, const 키워드가 생기기 이전까지 유일한 변수선언 키워드였다.
• 이런 var에는 여러단점이 있는데 그 중 대표적인건 블록 레벨 스코프가 아닌 함수 레벨 스코프이기 때문이다. 이런 함수 레벨 스코프는 생각치 못한 오류로 이어질 수 있다.

var score; //변수 선언

• 해당 코드는 변수를 선언만 한 상태이다. 변수에 값을 할당하지 않았으니 메모리 공간은 비어있어야 하지만 var은 자바스크립트 엔진에 의해 undefinde라는 값이 암묵적으로 할당되어 초기화 된다.
• 이런일이 생기는 이유는 실행 컨텍스트와 스코프에 대한 개념을 알아야 하는데 해당 섹션이 왔을때 자세하게 알아보자.
• var은 선언과 동시에 초기화 단계가 진행되는데 선언단계로 score라는 변수를 등록하고 초기화 단계를 통해 score에 undefined를 할당해 초기화한다.

 

호이스팅

console.log(score); // undefined

var score; // 변수 선언

• 위의 코드는 변수 선언보다 사용을 먼저 한 것으로 참조 에러 가 발생해야 합당하지만 에러가 아닌 undefined 가 출력된다.
• 이유는 코드가 한줄한줄 실행되는 시점 ( 런타임 ) 이 아니라 이전 단계에서 실행되기 때문이다.
• 자바스크립트 엔진은 런타임을 실행하기 전 소스코드의 평가를 한다. 그 과정에서 변수 선언 및 모든 선언문을 먼저 실행하고 평가가 끝나면 모든 선언문을 제외하고 코드를 한줄씩 실행한다. 
• 이렇게 변수의 선언이 코드의 선두로 끌어 올려진 것처럼 동작하는 특징을 호이스팅 이라 한다. ⭐
• 호이스팅은 변수 선언만이 아닌 var, let, const, function, function*, class 등 선언하는 모든 식별자는 호이스팅 된다.

 

※ 사실 var과 let, const 가 한번에 나올줄 알고 한번에 정리하려 했는데 let과 const는 200페이지가 넘어서 나온다.. 해당내용이 나오면 정리해보자.🙄

 

값의 재할당

var score = 80; // 변수 선언 및 값 할당
score = 90; // 값의 재할당

• var로 선언한 변수는 값을 재할당 할 수 있다.
• 값을 재할당할 수 없는 변수는 변수가 아닌 상수다.
• 예를 들어 const 키워드를 사용해 선언한 변수는 재할당이 금지되며 즉 const 키워드는 한번만 할당할 수 있는 상수다.
• 값을 재할당 할시 변수의 선언과 할당이 다른 메모리 공간으로 가듯 값 80이 저장되어 있던 메모리 공간이 지워지고 새로운 메모리 공간에 값 90을 저장하게 된다.
• 이렇게 필요가 없어진 값은 garbage collector에 의해 자동으로 메모리에서 해제되지만, 해당 작업이 언제 이루어지는지는 알수가 없다.