모던 JS Deep dive #04 | 변수

📌 변수의 필요성

1. 자바스크립트 엔진이 10 + 20의 연산을 할 때 10, 20, +라는 기호(literal과 operator)를 알고 있어야 하며, 10 + 20이라는 표현식(expression)의 의미를 parsing한다.
2. 그 후에 operator기준 양 옆의 피연산자(operand)를 각각 메모리의 특정 영역내의 주소에 기억한다.
3. CPU가 연산을 진행하고, 30 이라는 결과를 임의의 주소에 저장한다.

❓ 이 30이라는 값을 어떻게 다시 사용할 수 있을까

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

📌 JS의 변수 선언

JS의 변수 선언은 2단계를 거쳐 수행된다. [1. 선언 단계(변수 이름을 등록해서 자바스크립트 엔진에 변수의 존재를 알림), 2. 초기화 단계(값을 저장하기 위한 메모리 공간을 확보하고 undefined를 할당해 초기화)]

선언 단계에서 변수 이름을 비롯해 모든 식별자는 실행 컨텍스트에 등록된다.

실행 컨텍스트

JS 엔진이 소스코드를 평가&실행하기 위해 필요한 환경을 제공하고, 코드 실행 결과를 관리하는 영역으로 식별자와 스코프를 관리한다.

=> 즉 어떤 값도 초기화하지 않아도 undefined로 암묵적인 초기화가 수행된다.

📌 변수 호이스팅

변수 호이스팅은 선언한 변수를 JS해석기가 가장 상단에 있는 것처럼 인식해서 변수선언이 런타임 이전 단계에 먼저 실행되는 JS 특징이다.

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

위의 코드를 보면 선언과 초기화가 동시에 된 것처럼 보여도 선언은 런타임 이전에 되기 때문에 첫번째 라인에서 undefined가 나왔다. 즉 var score; score = 80; 이렇게 두 줄로 나눈 것과 같다는 것이다.