Data Type

자바스크립트 데이터 타입에는 크게 2가지 타입이 있다. 기본형(원시형, Primitive Type)과 참조형(Reference Type) 이다.

Primitive Type

• 값을 그대로 할당한다.
• 숫자(Number), 문자열(String), 불리언(Boolean), null, undefined, symbol

symbol 은 ES6에서 추가되었다.

예시

var a = 'mook';
a = false;

var b = a;
b = 30;

console.log(a === b); // false

a와 b는 같지 않다. b에 a의 값을 할당했을 때는 서로 같지만, b를 20으로 재할당하면서 데이터의 값이 변했기 때문이다.

Reference Type

• 값이 저장된 주소값을 할당한다.(참조)
• Object(하위 부류 Array, Function, RegExp 등)

예시

var obj1 = {
  a: 1,
  b: 'mook'
}
var obj2 = obj1;

obj2.a = 3;

console.log(obj2.a === obj1.a); //true

obj1와 obj2의 데이터 형은 참조형이기 때문에 값이 저장된 주소값을 할당한다.
obj2에 obj1의 주소를 할당하는데, obj2는 새로운 객체를 만든 것이 아니라 원래 obj1에 할당된 객체를 함께 바라보고 있는 것이다. 즉, 두 변수는 완전히 동일한 객체를 참조하고 있다.
obj2.a = 3은 obj2.a의 참조된 주소의 데이터 값이 변경된 것이다. 따라서 obj2.a와 obj1.a는 같은 주소를 바라보고 있기 때문에 obj2.a가 변경되면 obj1.a도 동일하게 변경되어 두 데이터의 값은 같게 된다.

데이터 공간에 기본형 데이터가 담길때까지 반복하는데 기본형 데이터의 집합이라고 볼 수 있다.

typeof(null) === "object" ?

null은 Primitive Type이지만 typeof로 확인해보면 object로 출력된다.

자바스크립트 설계 당시부터 있었던 버그라고 한다. \
이 버그를 고치기엔 너무 많이 퍼져있어서 그냥 놔두고 있다고 한다.

🔎 참고자료: “typeof null”의 역사

immutable value vs. mutable value

변수의 데이터타입이 Primitive(기본형)면 불변성, Reference(참조형)면 가변성이다.

Primitive Type 변수를 재할당 하면 데이터 자체가 바뀌는 게 아니고, 메모리 상에서 참조가 바뀌게 된다. 메모리 영역에서의 변경이 불가능하고 재할당은 가능하다.

Reference Type 변수는 새로운 객체가 만들어지는게 아니라, 메모리 상에서 참조값만 바뀌게 되는 것입니다.

---

🔎 참고자료 🔎
- MDN
- 생활코딩
- PoiemaWeb
- javascript info
- 코어 자바스크립트
- 러닝 자바스크립트
- 인사이드 자바스크립트