JavaScript 객체와 불변성이란 ?

bo-oram·2022년 5월 20일

가끔 보는 IT지식

목록 보기

3/6

기본형은 값을 그대로 할당하는 자료형으로 Number, String, Boolean, null, undefined, Symbol가 있다

만약 let a = 5 라고 선언하면 일단 컴퓨터는 데이터가 담길 공간을 확보한다 이후 별도의 메모리 방에 할당된 값(5)을 저장한다 이후 할당 값의 방의 주소를 해당 변수(5)가 들어있는 방을 검색해서 가지고 간다 그리고 그방의 값을 할당 값의 방 주소로 지정한다.

이미지로 표현하면 아래와 같다.

참조형은 값이 저장된 주소값을 할당하는 자료형으로, 객체가 이에 해당되며 기본형보다 한단계를 더 거쳐서 저장된다. 이미지로 표현하면 아래와 같다.

객체는 참조형태로 전달하고 전달 받는다. 이때 어드레스를 공유하고 있다면 그상태는 언제든지 변경될 수 있어
문제가 될 가능성이 있다. 의도하지 않은 객체의 변경이 발생하는 원인의 대다수는 "레퍼런스를 참조한 다른 객체에서 겍체를 변경"하기 때문이다.

이를 장지하기 위해서는 두가지 방법이 있다
객체의 방어적 복사(Object.assign): 객체의 변경이 필요할 경우 복사본을 만들어 값을 변경
불변 객체화(Object.freeze): 객체 자체를 불변 객체로 만드는것

값을 복사하는 방법은 deep copy(깊은 복사)와 shallow copy(얕은 복사)가 있다 이는 관점을 달리 해석하면 되는데 아래의 코드를 보자

let num1 = 1
let num2 = num1

num2 = 2

일 때 두가지 관점으로 해석 할 수 있을 것이다.
당연히 위 코드에서는 변수 선언 후 num2 = 2 이렇게 재할당 한 들 num1에는 영향이 없다

여기서 1번은 깊은 복사이고 2는 얕은 복사이다 객체는 얕은 복사로 카피되며 원시값은 깊은 복사로 카피된다

매일 도망가는 나 잡아오기