객체 속성 기술자 이해하기

let user = {
    name : 'John'
};
let descriptor = Object.getOwnPropertyDescriptor(user, 'name');
console.log(descriptor);
 
let user2 = {};
 
Object.defineProperty(user2, 'name', {
value : 'John',
enumerable : true,
configurable : true,
writable : false
});
console.log(user2.name);
user2.name="Sarah";
console.log(user2.name);

자바스크립트의 모든 객체 속성은 자기 자신에 대한 정보를 담고 잇는 속성 기술자를 가지고 있다. 라인 5번처럼 getOwnPropertyDescriptor 메소드를 통해 속성 기술자 객체를 가지고 올수도 있다.

 

9번의 속성 기술자 객체 설명을 하자면

value: 값을 나타낸다

enumerable : for ....in 루프나 object.keys 메소드 같이 속성을 나열할 때 나열 가능 여부를 정의한다. false인경우 나열하지 않음

writable : 값을 변경 할수 있는지의 여부

configurable : 속성 기술자를 변경할 수 잇는 여부를 정의한다. false인 경우 속성 기술자를 다시 변경할수 없음.

 

16번의 경우 writable을 false를 주었기 때문에 17번 콘솔 출력에서 값이 변경이 되지 않은것을 확인할수 있다.