[모던 자바스크립트 Deep Dive] 04. 변수

변수

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

메모리란?
메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이다.
메모리 셀 하나의 크기는 1바이트(8비트)이며 컴퓨터는 1바이트 단위로 데이터를 저장하거나 읽어 들인다.

 

컴파일러 또는 인터프리터에 의해 값이 저장된 메모리 공간의 주소로 치환되어 실행된다.

=> 개발자는 직접 메모리 주소를 통해 값을 저장, 참조할 필요 없이 변수를 통해 안전하게 값에 접근할 수 있다.

 

변수 선언

변수를 생성하는 것으로 값을 저장하기 위한 메모리 공간을 확보하고 변수 이름과 확보된 메모리 공간의 주소를 연결해서 값을 저장할 수 있게 준비하는 것이다.

다음의 2단계에 거쳐 수행된다.

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

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

 

자바스크립트 엔진은 소스코드를 실행하기 전에 소스코드의 평가 과정을 거친다. 이 때 변수 선언을 포함한 모든 선언문(변수 선언문, 함수 선언문)을 소스코드에서 찾아내 먼저 실행한다.

이러한 소스코드의 평가 과정이 끝나면 모든 선언문을 제외한고 소스코드를 한 줄씩 순차적으로 실행한다.

호이스팅이란?
선언문(var, let, const, function, function*, class 키워드를 사용해서 선언하는)이 코드의 선두에 있는 것처럼 동작하는 자바스크립트 고유의 특징이다.

 

값의 할당

var score; //변수 선언
count = 80; //값의 할당

var score = 80; //변수 선언과 값의 할당

자바스크립트 엔진은 변수 선언과 값의 할당을 하나의 문으로 표현해도 2개의 문으로 나누어 각각 실행한다.

이 때 변수 선언은 런타임 이전에 먼저 실행되고 값의 할당은 순차적으로 실행되는 시점인 런타임에 실행된다.

변수에 값을 할당할 때는 초기화 값 undefined가 저장되어 있던 메모리 공간을 지우고 그 공간에 새롭게 저장하는 것이 아니라

새로운 메모리 공간을 확보하고 그 곳에 값을 저장한다.

 

이전 값인 undefined는 어떤 식별자도 그 주소를 가르키고 있지 않으므로 불필요한 값이고, 가비지 콜렉터에 의해 메모리에서 자동 해제된다.

개발자는 가비지 콜렉터에 관여할 수 없으며 개발자의 역량에 의존하는 부분이 상대적으로 작아져 어느 정도 일정한 생산성을 확보할 수 있지만 성능 면에서 어느 정도의 손실은 감수할 수 밖에 없다.

 

식별자

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

식별자는 값이 저장되어 있는 메모리 주소와 매핑 관계를 맺으며, 식별자는 값이 아니라 메모리 주소를 기억하고 있다.

메모리 주소에 붙인 상징적인 이름이라고 할 수 있다.

변수, 함수, 클래스 등의 이름은 모두 식별자다. 메모리 상에 존재하는 어떤 값을 식별할 수 있는 이름은 모두 식별자라고 부른다.

식별자에서 자바스크립트는 대소문자를 구별한다.

식별자 네이밍 규칙
- 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러 기호($)를 포함할 수 있다.
- 식별자는 특수문자를 제외한 문자, 언더스코어, 달러 기호로 시작해야 한다. 숫자로 시작할 수 없다.
- 예약어(프로그래밍에서 사용되고 있거나 사용될 예정인 단어들)는 식별자로 사용할 수 없다.