자바스크립트 참조타입의 가변성에 대한 질문

Question

안녕하세요~!코어자바스크립트와 모던 자바스크립트 딥다이브를 번갈아가면서 읽고 공부중인 취준생입니다!참조 데이터타입의 가변성에 대해 공부중인데,제가 이해한 바가 맞는지 확인하고자 질문을 올립니다.예시는 아래 코드 캡처본이고두번째 사진은 제가 이해한 바를 그림으로 나타낸 것입니다.제가 이해한 바를 그림으로 표현 했을때는 객체안에 프로퍼티가 추가될때마다 참조값의 메모리 주소가 추가되면서 계속 바뀌는 것 같은데, 딥다이브 책에서는 객체를 할당한 변수의 참조값은 변경되지 않는다고 나와서 헷갈려서요 ㅠㅠ혹시 제가 이해한 그림 방식이 잘못되었을까요??또한, 참조타입이 '가변성' 을 갖는다는 말이..혹시 뭐가 가변성을 갖는다는 것일까요?원시타입은 원시값이 '불변성' 을 갖는걸로 알고있는데참조타입은 어떤 값이 '가변성'을 갖는지 책을 아무리 읽어도 이해가 되지않습니다읽어주셔서 감사합니다

코린이듈리 · Accepted Answer

메모리에 저장된 값이 바뀔수 없는걸 불변성이라 합니다.원시타입은 값이 바뀌면 다른 메모리를 바라보기에 불변성을 띕니다.참조타입은 객체의 주소가 바뀌지 않고 내부 속성을 바꿀 수 있기에 가변성을 가진다고 합니다.위의 예시에서 1003번지 주소가 바뀌지 않는걸 보면 이해가 될겁니다.그래서 리액트등과 같은 라이브러리에서 가변성을 가진 객체를 불변성을 유지해주기위해 원본객체를 복사하여 수정하는 방법을 사용하는겁니다.

swimmingPolar · Answer

let person이 아니라 const person 아니에요? 아니면 object literal을 말하는 건가.. object literal 은 이론상 바뀔 수 없는 거 같긴한데 암튼const로 선언한 변수는 불변성을 갖지만 해당 변수가 가르키는 참조타입의 데이터 자체(아마 객체)는 가변성을 가지긴 하죠여기 가변성이란 앞서 말한 불변성(cannot change)과 약간 느낌이 다른 데이터를 추가삭제(can add or delete) 가능하다(참조) 변수의 데이터 주소가 불변하다vs참조변수가 가르키는 데이터가 변할(가변) 수 있다해당 챕터 뒤로 freeze나 seal 같은 내용이 나오면 위의 내용이 맞는 거 같긴해요 object을 free나 seal을 하면 더 이상 가변하지 않긴 하죠

자바스크립트 참조타입의 가변성에 대한 질문

2개의 답변

Q&A 목록