객체를 복사했는데 원본 안의 수량도 바뀌는 이유는?

그림에서 무엇을 볼까요?

바깥 객체는 서로 다르지만 stock 객체를 함께 참조하는 경우와 stock도 별도로 복사하는 경우의 비교

가상 재고 자료 original={name:'연필',stock:{count:3}}를 복사한다고 합시다. name에는 문자열이 있고, stock에는 count라는 수량 항목을 가진 안쪽 객체가 있습니다. 객체는 이름과 값을 짝지은 자료 모음입니다. 바깥에 새 객체를 만들었다는 사실만으로 안쪽 객체까지 새로 만들어졌다고 결론 내릴 수는 없습니다.

전개 구문 ...은 여기서 원본의 항목을 새 바깥 객체로 옮깁니다. const copy={...original}이면 original과 copy는 서로 다른 바깥 객체입니다. 하지만 stock의 값은 같은 안쪽 객체를 가리키는 참조입니다. 참조는 객체 자체를 반복해서 만드는 대신 같은 객체를 가리키는 연결로 생각할 수 있습니다.