원시자료형과 참조자료형

원시자료형 참조자료형 차이

원시자료형

고정된 저장 공간을 차지하는 데이터를 모두 원시 타입(primitive type) 데이터 라고 한다.

객체가 아니면서 method를 가지지 않는 6가지의 타입

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

원시자료형은 하나의 데이터만을 담고있다.

참조자료형

자바스크립트에서 원시 자료형이 아닌 모든 것들을 참조 자료형이라고 한다.
대표적으로 배열 , 객체 , 함수가 있다.

참조 자료형은 여러 데이터를 담을 수 있는데 heap라는 별도의 데이터 보관함에 저장된다. 그리고 변수는 데이터가 저장된 메모리 상의 주소가 저장된다.

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

>key point 차이점

👉원시자료형의 예

let a = 123;
let b = a;

a = 321
console.log(b) // 123

데이터 값을 복사하였기 때문에 b = 321이 아닌 123이 찍히는 것을 볼수있다.

👉참조자료형의 예

let a = { a : 123 }
let b = a

a.a = 321
console.log(a)  //  {a: 321}
console.log(b)  //  {a: 321}

a 와 b 는 모두 동일한 주소를 참조 하고 있기 때문에 값이 바뀐것을 확인 할수있다.