JS 기술면접 | const 키워드 객체 값 변경

신기한 경험이다. 처음 공부할때는 전혀 무슨말인지 이해가 안되는 것들이 부트캠프 수료후 다시 모던 자바스크립트 Deep Dive 책을 읽으니 술술 잘 읽힌다. (아직 처음 부분이라 그런걸지도.... )

자바스크립트 면접 스터디를 시작하면서 팀원들이랑 각자 자바스크립트 책을 읽고 궁금한 것들을 공유하는데 요즘 그래서 꼭 한시간 이상은 모딥다 책을 읽은 것 같다. 요즘 이 두꺼운 책읽는 재미에 빠졌다 ! 

 

📌 질문 

const a = {};

a.b = 5;

console.log(a.b) = ?

콘솔에 찍히는 값은?

 

📌 면접 질문 의도

1. const랑 let을 알고있는가?

2. 원시타입, 객체타입의 차이를 알고 있는가?

 

📌 답변

5가 찍힌다.

빈 객체를 a라는 상수로 할당을 해주었다. const 키워드가 있어 값이 변경되지 않을것 같지만, let을 통해 선언한 변수는 재할당을 통해 새로운 메모리 공간을 사용하고 변수값을 언제든지 바꿀 수 있지만, const는 단 한번만 메모리에 할당이 허용되고 재할당이 금지된다.

여기서는 a 객체에 새로운 값을 할당한 것이 아니고, a 객체에 b 라는 프로퍼티 key에 프로퍼티 값을 5로 할당해주었다.

a객체는 원시값이 아닌 객체타입으로 객체를 할당한 변수는 원시값 자체가 아닌, 메모리 주소를 참조값으로 가진다.

객체의 경우 메모리 주소가 저장된 참조값을 통해 객체에 접근하므로 참조값을 변경하지 않고 메모리에 저장된 객체를 직접 수정할 수 있다. 

따라서 객체 타입은 재할당을 하지않아도 객체를 직접 변경할 수 있다.