TIL) 원시 자료형과 참조 자료형, 차이점, reference란?

 

<데이터를 저장하는 방식에 따른 분류>

원시 자료형(primitive data type) = number, string, boolean, null, undefined 과 같은 고정된 저장 공간을  차지하는 데이터

참조 자료형(reference data type) = array, object, function

 

 

 

원시 자료형의 특징과 종류

 

string, number, bigint, boolean, undefined, symbol, (null)

 

• 복사한다면 값을 복사
• 원시 자료형의 보관함인 변수에는 하나의 원시 자료형만 담을 수 있다. 일정한 크기의 데이터가 온다고 예상할 수 있기 때문에 원시 자료형이 담기는 보관함의 크기는 고정하는 것이다.
• 변수에는 데이터의 크기와는 관계없이 하나의 데이터만 담을 수 있다. 원시 자료형은 값 자체에 대한 변경이 불가능(immutable)하지만, 변수에 다른 데이터를 할당할 수는 있다.

 

참조 자료형의 특징과 종류

배열([])과 객체({}), 함수(function(){})

JavaScript에서 원시 자료형이 아닌 모든 것은 참조 자료형이다. 

 

• 복사한다면 주소를 복사
• 참조 자료형에는 하나의 데이터가 아닌 여러 데이터가 담기게 된다.
• 변수에는 특별한 데이터 보관함을 찾아갈 수 있는 주소가 담겨있고, 이 주소를 따라가 보면 특별한 데이터 보관함을 찾을 수 있는데, 이 특별한 데이터 보관함(heap)에서는 자기 마음대로 사이즈를 늘렸다가 줄일 수 있다. 
• 참조 자료형인 배열과 객체는 원시 자료형과 달리 저장 공간이 계속 늘어난다. 그 이유는 배열과 객체, 그리고 함수가 담겨있는 저장 공간은 특별한 저장 공간(heap)을 사용하기 때문이다. 이처럼 데이터는 별도로 관리되고, 우리가 직접 다루는 변수에는 주소가 저장되기 때문에 reference data type이라고 부른다. 

참조 자료형의 ===(strict equality)는 주소값이 같은지를 확인한다.

그렇기 때문에 두 참조 자료형의 주소값은 다르다고 판단을 내릴 수 있다.

 

원시자료형과 참조자료형의 중요한 차이점

 

 

• 원시 타입 데이터는 각 변수 간의 원시 타입 데이터를 복사할 경우 데이터 값이 복사되기 때문에 기존의 데이터에 영향을 주지 않는다. 
• 참조 타입 데이터는 주소를 복사하기 때문에 복사한 데이터에서 원소를 변경하게 된다면 주소안에 있는 데이터가 변경이 되기 때문에 기존의 데이터에도 영향이 간다. 

 

• 원시 자료형이 할당될 때에는 변수에 값(value) 자체가 담기고, 참조 자료형이 할당될 때는 보관함의 주소(reference)가 담긴다.
• 그래서 참조 자료형은 기존에 고정된 크기의 보관함이 아니라, 동적으로 크기가 변하는 특별한 보관함을 사용할 수 있다.

 

---

let first = [10, 20, 30, 40];
let second = first;
second[0] = 5;

first의 0번째 인덱스에 있는 요소는 5이다. true

first와 second는 같은 주소를 공유하고 있다. true // 배열은 참조자료형이기 때문이다. 

first와 second는 참조 자료형이다. true

first === second는 true다. true // second는 first가 가지고 있는 주소를 그대로 가지고 있기 때문이다. 

 

 

---

console.log([1,2,3] === [1,2,3]); // false

참조 자료형의 ===(strict equality)는 주소값이 같은지를 확인한다.

그렇기 때문에 두 참조 자료형의 주소값은 다르다고 판단을 내릴 수 있다.

 

컴퓨터가 위 코드를 읽으면서, 이미 두 개의 heap 저장 공간의 주소를 확보한 것으로 보면 된다. 배열([])과 객체({}) 등 참조 자료형을 읽을 때, 미리 주소값과 메모리 값을 잡아둔다고 생각하면 편합니다. 그러므로 [] === [] 도 true가 나오지 않는 것이다.

 

 

 

컴퓨터공학에서의 reference란!?

변수를 읽는 것이 아니라, 그 변수의 주소를 "참조"하여 실제 변수가 있는 장소에 어떤 데이터가 있는지 도착하고 나서야 비로소 "읽을 수" 있는 것이다.

 

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

변수는 값의 위치를 가리키는 상징적인 이름이다. 변수 이름을 식별자(identifier)라고도 한다. 

변수에 값을 저장하는 것을 할당(assignment)/대입/저장이라고 하고, 변수에 저장된 값을 읽어 들이는 것을 참조(reference)라고 한다. 

식별자는 값이 아니라 메모리 주소를 기억하고 있다. 

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