04장. 변수

"모던 자바스크립트 Deep Dive" 자바스크립트의 기본 개념과 동작 원리

 

🔶 변수

---

컴퓨터에서 연산을 수행할 때 모든 값은 메모리에 저장됩니다. 예를 들어, ``10 + 20 = 30``이라는 연산을 처리하기 위해 CPU는 메모리에 저장된 값을 가져와 연산합니다. 연산 결과를 저장하고 재사용하기 위해선 메모리 주소에 접근해야 하는데, 이를 위해 변수를 사용합니다.

변수는 값에 접근하기 위해 사용되는 고유한 이름입니다. 이는 메모리 자체를 지칭하거나 메모리 주소에 접근하기 위한 이름을 의미하기도 합니다. 변수에 붙여진 이름을 변수명, 저장된 값을 변수값이라 부릅니다. 변수를 사용하는 과정에는 다음과 같은 단계가 있습니다.

• 할당 : 변수에 값을 저장하는 과정
• 참조 : 변수에 저장된 값을 재사용하는 과정

 

🔶 식별자

---

식별자는 메모리에 저장된 값을 식별하기 위해 사용하는 고유한 이름입니다. 변수명뿐만 아니라 함수명, 클래스명 등도 식별자에 포함됩니다. 식별자는 메모리에 저장된 값을 식별하기 위해 메모리 주소와 매핑되어야 합니다. 따라서 식별자는 값이 아닌 메모리 주소를 기억합니다.

 

🔶 변수 선언

---

변수를 선언하는 것은 새로운 변수를 만드는 과정입니다. 이 과정에서 메모리 공간을 확보하고, 확보된 메모리 주소와 변수 이름을 연결합니다.

변수 선언에는 ``var``, ``let``, ``const`` 키워드를 사용합니다. 변수 선언 시 초기화가 자동으로 이루어지며, 값을 할당하지 않더라도 기본적으로 ``undefined`` 값을 갖게 됩니다.

 

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

---

변수 선언은 런타임 전에 실행됩니다. 런타임 전, 소스코드 평가 과정에서 변수나 함수 선언문이 먼저 실행되는데, 이를 호이스팅(Hoisting)이라고 합니다. 이로 인해 변수는 코드 내 어디에 위치하든 상관없이 참조가 가능해집니다.

console.log(score);	// undefined

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

console.log(score);	// 80

 

🔶 값의 할당과 재할당

---

할당은 선언된 변수에 값을 저장하는 것을 의미하며, 런타임에 실행됩니다. 초기 변수 선언 시 ``undefined``로 초기화된 값은 할당 연산자를 통해 새로운 값을 가지게 됩니다.

할당된 값을 다시 다른 값으로 바꾸는 것을 재할당이라고 합니다. 이러한 이유로 변수를 "변한다"는 의미의 변수라고 부릅니다. 재할당이 이루어지면 이전 값은 메모리 어딘가에 저장되며, Garbage Collector에 의해 삭제됩니다.

 

🔶 식별자 네이밍 규칙

---

식별자는 값을 구별하기 위해 사용되는 고유한 이름으로, 다음과 같은 네이밍 규칙을 따라야 합니다.

1. 특수 문자를 제외한 문자, 숫자, 언더스코어(_), 달러 기호($)를 포함할 수 있습니다.
2. 숫자로 시작할 수 없습니다.
3. 예약어는 식별자로 사용할 수 없습니다.

또한 가독성을 높이기 위해 명명 규칙(네이밍 컨벤션)을 따르는 것이 좋습니다. 자바스크립트에선 보통 변수나 함수명에는 카멜 케이스를, 생성자 함수나 클래스 이름에는 파스칼 케이스를 사용합니다.

• 카멜 케이스(Camel Case) : ``firstName``
• 파스칼 케이스(Pascal Case) : ``FirstName``