JS 불변 객체 만들기

특정 객체를 수정이 불가능하게 만들 때, 불변 객체를 만들어 사용합니다.

불변 객체를 만드는 방법은 3가지 입니다.

각 방법마다 수정 가능 범위가 다르게 제한되기 때문에 필요에 따라 선택하면 됩니다.

 

1. Object.freeze() 속성 재정의 X, 추가 X, 수정 X, 삭제 X

그러나! 중첩된 company 는 freeze 되지 않습니다. 때문에 company.name 은 수정 가능합니다.

속성 재정의가 안된다는 것은 Object.defineProperty() 로 속성들을 재정의 할 수 없다는 뜻입니다. 아래 링크 참고.

 

const company = { name: 'SS'};
const people = { name: 'lee', age: 20, work: company }

Object.freeze(people);

people.name = 'park'; // 추가
people.color = 'red'; // 수정

console.log(people); // { name: 'lee', age: 20, work: { name: 'SS' } }

 

객체가 변하지 않은 것을 알 수 있습니다.

 

2. Object.seal() 속성 재정의 X, 추가 X, 수정 O, 삭제 X

3. Object.preventExtensions() 속성 재정의X, 추가 X, 수정 O, 삭제 O

 

 

🔐 Object 동결 여부 확인

 

console.log(Object.isFrozen(company)); // true or false 반환
console.log(Object.isSealed(company));
console.log(Object.isExtensible(company));

 

참고 자료

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

Object.defineProperty() - JavaScript | MDN