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

해당 글은 [모던 자바스크립트 Deep Dive] 도서의 내용을 정리한 글입니다.

 

 

💡  변수가 왜 필요한가

---

• 변수(variable)는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다.
•  메모리 공간에 연산된 값을 다시 읽어 들여 재사용하기 위해 변수를 사용한다.
  
  
  
  

💡  식별자

---

• 변수 이름을 식별자라고도 한다. 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다.
• 식별자는 값이 아니라 메모리 주소를 기억하고 있다. 
• 변수 이름에만 국한해서 사용하지 않는다. 변수, 함수, 클래스 등의 이름이 다 식별자에 해당
  
  
  
  

💡  변수 선언

---

• 변수 선언이란 변수를 생성하는것을 말한다. 
• 변수를 사용하려면 반드시 선언이 필요하다. 
• 변수를 선언할 때는 var, let, const 키워드를 사용한다.

* ES6에서 let, const가 도입되었다.

*undefined : 자바스크립트에서 제공하는 원시 타입의 값이다.

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

---

console.log(score) // undefined

var score; // 변수 선언문

• 위 코드에서 참조 에러가 발생하지 않고 undefined가 출력된다.
• 그 이유는 변수 선언이 소스코드가 한 줄씩 순차적으로 실행되는 시점, 즉 런타임이 아니라 그 이전 단계에서 먼저 실행되기 때문이다. 
• 자바스크립트 엔진은 모든 선언문(변수 선언문, 함수 선언문 등)을 소스코드에서 찾아내 먼저 실행한다.
• 그다음 모든 선언문을 제외하고 소스코드를 한줄 씩 실행한다.
• 이처럼 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 변수 호이스팅이라 한다.
  
  
  
  

💡  값의 할당

---

변수에 값을 할당(대입, 저장)할 때는 할당 연산자 = 를 사용한다.

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

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

💡  값의 재할당

---

재할당이란 이미 값이 할당되어 있는 변수에 새로운 값을 또다시 할당하는 것을 말한다.

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

• 값을 재할당 할 수 없어서 변수에 저장된 값을 변경할 수 없다면 변수가 아니라 상수(constant)라한다.
• 값을 재할당할때 기존에 사용하고 있던 메모리 공간에 값을 재할당 하는게 아니라 새로운 메모리 공간을 확보하고 그 메모리 공간에 값을 저장한다. 
• 어떠한 식별자와도 연결이 되어있지 않고 사용하지 않는 불필요한 값들을 가비지 콜렉터에 의해 메모리에서 자동 해제 된다. 
  
  
  
  

💡  식별자 네이밍 규칙

---

식별자는 다음과 같은 네이밍 규칙을 준수해야한다.

• 식별자는 특수문자를 제외한 문자, 숫자, 언더스코어(_), 달러 기호($)를 포함할 수 있다.
• 단, 식별자는 특수문자를 제외한 문자, 언더스코어(_), 달러 기호($)로 시작해야한다. 숫자로 시작하는 것은 허용하지 않는다.
• 예약어는 식별자로 사용할 수 없다.

 

다음과 같은 3가지 유형의 네이밍 컨벤션이 자주 사용된다.

• 카멜케이스 - var firstName
• 스네이크 케이스 - var fisrt_name
• 파스칼 케이스 - var FisrtName

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