[책] 자바스크립트 코드 레시피 278 - 59일차

객체 수정 제한하기

• 객체의 깊은 계층까지 수정을 제한하고 싶을 때

구문

객체 const 도 속성의 추가, 삭제, 변경이 가능합니다.

Object.freeze(객체)
Object.isFrozen(객체)

실습

const Object = {
    id: 100,
    myname: '숫자',
}
console.log(Object.id = 200); // 속성 변경 가능
console.log(Object.address = '서울 거주'); // 속성 추가 가능
console.log(Object);

---

속성의 추가, 삭제, 변경의 제한은 Object.freeze() 를 사용합니다.
오류 검사 설정은 'use strict' 를 사용합니다.

'use strict';
const object2 = {
    id: 10,
    name: '사자',
}
Object.freeze(object2);
object2.id = 12; // 속성 변경 불가능
object2.address = '서울'; // 속성 추가 불가능

---

배열의 수정도 제한이 가능합니다.

'use strict';
const array1 = [1, 2, 3];
Object.freeze(array1);
array1.push(4); // 배열에 추가 불가능

---

객체의 수정 제한 확인은 Object.isFrozen() 을 사용합니다.

const object3 = {
    id: 10,
    name: '사자',
}
Object.freeze(object3);
console.log(Object.isFrozen(object3)); // true