JS_기본 문법 (16)_원시타입과 참조타입

JS에는 원시타입과 참조타입이 존재한다.

그 둘을 값의 복사의 측면에서 비교하며 알아보자!

 

1) 원시타입

원시타입은 값에 의한 복사가 이루어진다.(Copy by value)

let n1 = 1;
let s1 = 'A';

//n1, s1 복사
let n2 = n1;
let s2 = s1;

//새로운 값 할당
n2 = 2;
s2 = 'B';

console.log(n1, s1);
console.log(n2, s2);

>>> 1 'A'
>>> 2 'B'

위의 결과처럼 값 자체를 복사하는 것이므로

복사를 한 이후, 무슨 짓을 하든 서로에게 영향을 주지 않는다.

 

2) 참조타입

참조타입은 '주소값'이 복사가 된다. (Copy by reference)

const ob1 = {
	num : 1, str : 'A'
};

//복사
const ob2 = ob1;

 

ob2 = {};

>>> Uncaught TypeError: Assignment to constant variable.

 

상수로 선언하였기 때문에 ob2에 새로운 객체를 할당할 경우 오류가 발생한다!

 

console.log(ob1);
console.log(ob2);

>>> {num: 1, str: 'A'}
>>> {num: 1, str: 'A'}

위처럼 똑같이 복사가 된 것을 확인할 수 있다.

 

여기서 주의할 점은 객체는 cosnt로 선언했음에도 불구하고

내부 값은 변경이 가능하다.(C,U,D 모두 가능)

//내부 값 변경
ob2.num = 2;
ob2.str = 'B';

console.log(ob1);
console.log(ob2);

>>> {num: 2, str: 'B'} //ob1도 함께 변경됨
>>> {num: 2, str: 'B'}

위의 결과처럼 내부 값의 변경이 가능하다.

또한 ob2만을 변경했음에도 불구하고 ob1까지 함께 변경되었음을 확인할 수 있다.

 

이는 ob1을 복사할 때 내부의 값 자체를 복사하는 것이 아닌

내부의 값이 들어있는 힙 메모리의 주소를 복사하기 때문이다.

 

즉, ob1과 ob2가 서로 같은 주머니를 공유하게 되는 것이다.