JS) 객체 속성 기술자

Cecilia·2023년 1월 9일
0

JavaScript

목록 보기
36/36
post-thumbnail

Object.getOwnPropertyDescriptor()


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


자바스크립트의 모든 객체 속성은 자기 자신에 대한 정보를 담고 있는 속성 기술자(Property Descriptor)를 가지고 있다. 이 속성 기술자는 객체로 표현된다.

이 속성 기술자 객체는 Object.getOwnPropertyDescriptor를 통해 가지고와 확인할 수 있다.

객체에 존재하는 경우 주어진 속성의 속성 설명자, 없으면 undefined.



속성의미
value속성과 관련된 값
enumerablefor...in 루프 또는 Object.keys 메소드같이 속성을 나열할 때 나열 가능 여부 정의. false일 경우 나열되지 않는다.
writable값을 변경할 수 있는 여부 정의. false일 경우 값이 변하지 않는다.
configurable속성 기술자를 변경할 수 있는 여부 정의. false일 경우 속성 기술자를 다시 변경할 수 없다.


Object.getOwnPropertyDescriptor(obj, prop)

var o, d;

o = { get foo() { return 17; } };
d = Object.getOwnPropertyDescriptor(o, 'foo');
// d는 { configurable: true, enumerable: true, get: /* getter 함수 */, set: undefined }

o = { bar: 42 };
d = Object.getOwnPropertyDescriptor(o, 'bar');
// d는 { configurable: true, enumerable: true, value: 42, writable: true }

o = {};
Object.defineProperty(o, 'baz', { value: 8675309, writable: false, enumerable: false });
d = Object.getOwnPropertyDescriptor(o, 'baz');
// d는 { value: 8675309, writable: false, enumerable: false, configurable: false }



Object.defineProperties()


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


객체에 새로운 속성을 정의하거나 기존의 속성을 수정하고, 그 객체를 반환한다.



Object.defineProperties(obj, props)

var obj = {};
Object.defineProperties(obj, {
  'property1': {
    value: true,
    writable: true
  },
  'property2': {
    value: 'Hello',
    writable: false
  }
  // 등등
});
profile
'이게 최선일까?'라는 고찰을 통해 끝없이 성장하고, 그 과정을 즐기는 프론트엔드 개발자입니다. 사용자의 입장을 생각하며 최선의 편의성을 찾기 위해 노력합니다.

0개의 댓글