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

이 글은 모던 자바스크립트 Deep Dive 바탕으로 정리한 내용입니다.

 

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

---

 

컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말합니다.

 

4.2 식별자

---

변수 이름을 식별자라고도 합니다. 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말합니다. 식별자는 값이 아니라 메모리 주소를 기억하고 있습니다. 즉 메로이 주소에 붙인 이름이라고 할 수 있습니다. 따라서 변수, 함수, 틀래스 등의 이름은 모두 식별자입니다.

 

4.3 변수 선언

---

변수를 사용하려면 반드시 선언이 필요합니다. 선언 시에는 var, let, const 키워드를 사용합니다.  var 키워드의 경우 블랙 레벨 스코프가 아닌 함수 레벨 스코프를 지원하기 때문에 전역 변수 선언 시 심각한 부작용이 발생할 수 있으므로 주의해야 합니다

var score;

변수를 선언한 이후, 변수에 값을 할당하지 않았으므로 js 엔진에 의해 undefined 라는 값이 암묵적으로 할당되어 초기화됩니다.

 

- 선언 단계 : 변수 이름을 등록해서 js엔진에 변수의 존재를 알립니다.

- 초기화 단계 : 값을 저장하기 위해 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화 합니다.

 

var 키워드를 사용한 변수 선언은 선언 단계와 초기화 단계가 동시에 진행됩니다.

 

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

---

console.log(score); // undefined
var score; // 변수 선언문

js 코드는 인터프리터에 의해 한 줄씩 순차적으로 실행되므로 ReferenceError가 발생할 것처럼 보이지만, undefined가 출력됩니다. 변수 선언이 소스코드가 한 줄씩 순차적으로 실행되는 시점, 즉 런타임이 아니라 그 이전 단계에서 먼저 실행되기 때문입니다.

 

js 엔진은 소스코드를 순차적으로 실행하기 전에 먼저 소스코드의 평가 과정을 거치면서 실행하기 위한 준비를 합니다. 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 js 고유의 특징을 변수 호이스팅 (variable hoisting)이라고 합니다. var, let, const, function, function * , class 키워드를 사용해서 선언하는 모든 식별자 (변수, 함수, 클래스 등)은 호이스팅 됩니다.

 

4.5 값의 할당 

---

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

var score = 80; // 변수 선언, 값 할당 동시에

변수 선언은 소스가 순차적으로 실행되는 시점인 런타임 이전에 먼저 실행되지만 값을 할당은 소스코드가 순차적으로 실행되는 시점인 런타임에 실행됩니다.

console.log(score); // undefined

score = 80;
var score;

console.log(score); // 80

 

4.6 값의 재할당

---

var 키워드로 선언한 변수는 선언과 동시에 undefined로 초기화 되기 때문에 엄밀히 말하면 변수에 처음 값을 할당하는 것도 재할당이라고 할 수 있습니다. 재할당은 변수에 저장된 값을 다른 값으로 변경합니다. 값을 재할당 할 수 없다면 상수입니다.

 

4.7 식별자 네이밍 규칙 

---

4가지 유형의 네이밍 케이스들이 자주 쓰입니다.

var firstName; // camelCase
var first_name; // snake_case
var FirstName // PascalCase
var strFirstName; // type + indetifier

자바스크립트에서는 일반적으로 변수나 함수의 이름에는 카멜 케이스를, 생성자 함수와 클래스의 이름에는 파스칼 케이스를 사용합니다.