[220430] 데이터의 불변성과 가변성

원시형 데이터

종류: string number boolean undefined null symbol

- 똑같은 값은 새로운 메모리에 할당되지 않는다. = 똑같이 생긴 건 똑같은 메모리 주소

참조형 데이터

종류: array object function

- 같은 값이라도 다른 메모리에 할당될 수 있다.

- 깊은 복사가 필요하다.

let btnEl = document.querySelector("button");
const handler = (event) => {
console.log(121);
};
btnEl.addEventListener("click", handler);
btnEl.removeEventListener("click", handler);
btnEl = null;

각 데이터가 바라보는 메모리 주소가 쓰여있다.

a와 b는 같은 메모리주소를 바라보고 있기 때문에 b의 0번째 배열을 바꾸면 a에도 똑같이 반영된다.

 

a의 x에 1이 할당되었을 때 m2를 가르키다 7이 할당되면 m3를 가르킨다.

출처 패스트캠퍼스 박영웅 강사님