자바스크립트 기본형 데이터와 참조형 데이터 | 상수는 불변값인가?

 

* 개인 공부를 정리한 포스트입니다. 

* 잘못된 정보는 댓글로 알려주세요. 

* 위키북스의 정재남 코어자바스크립트를 참고하였습니다.

 

 

상수는 불변값인가? 

 

기본형 <-> 참조형
가변값 <-> 불변값 

 

각각의 정의를 살펴보자. 상수란 변경될 수 없는 값이다. 불변값이란 값이 변하지 않는 것이다. 얼핏 들으면 같은 말처럼 들린다. 하지만 자바스크립트에서는 다르다. 변수와 상수의 구분은 변수 영역 메모리에 따라, 불변값의 여부는 데이터 영역 메모리에 따라 구분된다. 

 

불변값으로는 기본형 데이터(숫자, 문자열, null 등)가 있다. 값을 바꿀 때 마다 기존값을 수정하는 것이 아니라 새로운 변수를 만들어낸다. 고로 기존에 저장된 데이터는 변하지 않는다. 

 

참조형 데이터의 기본적인 성질은 가변값이다. 변수에 객체를 할당할때 객체의 프로퍼티들은 변수 영역이 별도로 존재하게 된다. 하지만 그들의 데이터는 기존의 데이터 영역에 저장된다. 고로 객체의 프로퍼티의 데이터는 불변값이다. 하지만 프로퍼티의 변수 영역이 별도로 존재하게 되어 프로퍼티 값을 내부에서 바꿀 수 있게 된다. 

 

const a = 5
a = 7 
불가능

const a = [1,2,3]
a[0] = 100
가능 -> const가 "참조"하는 객체는 변경이 가능하다. 

 

 

변수를 복사할때는 무엇이 복사 되는 것일까? 

 

기본형 데이터를 복사할때는 복사 대상의 데이터 값에 원본값의 데이터 값의 주소를 가지고 온다. 복사된 값을 변경하면 데이터의 값이 달라진다. (데이터의 값이 새로 생성된다. ) 

 

참조형 데이터는 프로퍼티의 데이터 값이 별도로 저장된다고 하였다. 참조형 데이터가 복사될때는 데이터 값을 별도의 데이터 영역에서 검색 하였을때 같은게 있으므로 그 주소를 가져온다. 복사된 프로퍼티 값을 변경할때 데이터 영역의 데이터가 바뀌어도 값을 참조하는 주소는 같기 때문에 원본의 데이터 값과 복사 대상의 데이터 값이 동기화 된다. 다만, 복사된 객체를 새로운 객체로 덮을땐 값이 새로 생성된다. 즉, 참조형 데이터에서 "가변"이라고 하는 것은 내부 프로퍼티의 값이 변경될때를 의미한다. 

 

기본형과 참조형 모두 복사시에 주솟값을 복사한다. 다만 참조형은 데이터 영역이 별도로 하나 더 생기기때문에 그 점에서 차이가 발생하게 된다.