불변 객체

• 참조형의 가변은 데이터 자체가 아닌, 내부 프로퍼티를 변경할 때만 성립한다.
• 데이터의 변경은 새로운 데이터를 만드는 방법으로만 가능하다. 기존 데이터를 수정할 수 없다.
• 객체가 불변성을 가지고자 한다면, 프로퍼티를 변경하려고 할 때 마다 새로운 객체를 만들어내야 한다.

불변 객체가 필요한 상황

• changeName 함수는 새로운 객체를 생성해서 반환하지 않는다.
  그저, newUser라는 변수를 새로 만들어서, 매개변수로 받은 객체의 주소를 newUser에 넣고, 프로퍼티 name을 참조해서 값을 newName의 값으로 바꿀 뿐이다.
• 그렇다보니, user2와 user의 값은 같을 수 밖에 없고, 출력 결과도 false가 나온 것이다.

불변객체를 만드는 방법 1 : 얕은 복사

• 객체가 가진 모든 프로퍼티를 복사하는 함수를 만들어서 사용하면 된다.

위의 방법을 사용하는 경우의 문제점

1. 실수하기 쉽다.

• 실수로 copyObject를 사용하지 않고 프로퍼티를 변경해버린다면, 객체의 불변성은 깨져버린다.
• 프로퍼티 변경 자체를 막아야 불변성을 보장할 수 있다. 이를 가능하게 해주는 라이브러리가 존재하는데, 대표적으로 immutable.js와 baobab.js가 있다.

2. 프로퍼티가 객체인 경우, 새로운 객체를 생성하지 않고, 기존 객체를 그대로 사용하게 된다.

• 얕은 복사는 객체의 프로퍼티를 그대로 복사하므로, 프로퍼티가 객체인 경우, 주소값만 복사해간다.
• 주소값이 아닌 새로운 객체를 생성해서 복사해가는 방식은 깊은 복사라고 부른다

불변 객체를 만드는 방법 2 : 깊은 복사

• 객체를 완전히 복사하는 방법으로, 프로퍼티가 객체인 경우, 새로운 객체를 생성해서 복사한다.
  이는 재귀적으로 행해진다.

불변 객체를 만드는 방법 3 : JSON.stringify 활용

• JSON.stringify로 객체를 문자열로 만든 다음, parse로 다시 객체로 만들면, 완전히 새로운 객체를 생성하는 점을 이용한 깊은 복사이다.
• 단, 이 방법은 JSON으로 변경할 수 없는 메서드나 숨겨진 프로퍼티인 __proto__, getter/setter등은 무시한다.
• 따라서, 이 방법은 순수 데이터에 대한 깊은 복사를 하는 경우에만 유효하다.

불변객체 요약

• 불변객체는 프로퍼티를 변경하지 않는다. 만약, 프로퍼티를 변경하고 싶다면, 변경된 프로퍼티를 가지는 새로운 객체를 만들어야 한다. 기존 객체의 프로퍼티를 변경해선 안된다.
• 새로운 객체를 만드는 경우, 모든 프로퍼티를 하드코딩해서 작성해줘도 되지만, 손이 너무 많이 간다. 이 경우, 객체 복사 함수를 만들어서 같은 값을 가지는 새로운 객체를 생성한다.
• 객체를 복사하는 방법은 크게 두가지로, 얕은 복사와 깊은 복사가 있다. 얕은 복사는 프로퍼티 값을 그대로 복사하기 때문에, 프로퍼티 객체인 경우 주소만 복사해버려서 기존 객체를 공유해서 사용한다. 반면, 깊은 복사는 프로퍼티 객체를 복사할 때 객체의 프로퍼티까지 복사하기 때문에 기존 객체를 공유하지 않는다. 깊은 복사의 프로퍼티 객체 복사 과정은 재귀적으로 발생한다.