4.1 변수란 무엇인가? 왜 필요한가?

• 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름
  (값의 위치를 가르키는 상징적인 이름)

---

4.2 식별자

• 식별자 === 변수 이름(변수, 함수, 클래스 등도 모두 식별자)
• 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름
  • 식별자는 값이 아닌 메모리 주소를 기억함

---

4.3 변수 선언

• 변수 선언 2단계 (var 키워드 기준)
  • 선언 단계: 변수 이름을 등록해서 자바스크립트 엔진에 변수의 존재를 알림
  • 초기화 단계: 값을 저장하기 위한 메모리 공간 확보하고 암묵적으로 undefined를 할당해서 초기화

---

4.4 변수 선언의 실행 시점과 변수 호이스팅

• 코드 예시

  console.log(score); // undefined
  var score;
  

  • 자바스크립트 코드는 인터프리터에 의해 한 줄씩 순차적 실행
  • 첫 줄에서 에러가 발생할 것 같지만, undefined 출력
    • 그 이유는..!
      변수 선언이 소스코드가 한 줄씩 순차적으로 실행되는 시점인 "런타임(runtime)"이 아니라 이전 단계(소스코드 평가과정)에서 실행
      (자바스크립트 엔진은 변수 선언, 함수 선언문 등 소스코드 평가과정에서 처리)

• 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 변수 호이스팅(variable hoisting)이라 함

  • 변수 선언뿐 아니라 var, let, const, function, function*, class 키워드를 사용해서 선언하는 모든 식별자(변수, 함수, 클래스 등)는 호이스팅 됨
    (모든 선언문은 런타임 이전 단계에서 먼저 실행되기에..)

---

4.5 값의 할당

• 코드 예시

  console.log(score); // undefined
  var score; // 1️⃣ 변수 선언
  score = 80; // 2️⃣ 값의 할당
  console.log(score); // 80
  

  • 1️⃣ 변수 선언은 런타임 이전에 먼저 실행
  • 2️⃣ 값의 할당은 런타임에 실행

---

4.6 값의 재할당

• 변수에 값을 할당할 때 이전 값이 저장되어 있던 메모리 공간을 지우고 새로운 값을 메모리에 저장하는 것이 아님!
  ⇒ 새로운 메모리 공간을 확보하고 그 곳에 할당 값을 저장
• 값을 재할당 할 수 없어서 변수에 저장된 값을 변강할 수 없다면, 변수가 아니라 상수 (상수는 단 한번만 할당할 수 있는 변수)
• 값의 재할당 시, 이전 값을 가비지콜렉터에 의해 메모리에서 자동해제됨.
  • 가비지콜렉터: 애플리케이션이 할당한 메모리 공간을 주기적으로 검사하여 더 이상 사용되지 않는 메모리를 해제하는 기능.
• 언매니지드 언어와 매니지드 언어
  • 언매니지드 언어: 개발자가 메모리 제어 가능
    • ex) C 언어에서는 malloc(), free()로 가능
  • 매니지드 언어: 개발자가 메모리 제어 불가능
    • ex) 자바스크립트에서는 가비지콜렉터가 메모리 해제