본문 바로가기

Web/JavaScript

[property attribute]

728x90

 

 

Property

-> internal slot / internal method

이중 대괄호로 감싼 이름을 말한다.

 

외부로 공개된 객체의 프로퍼티가 아니고, 내부 로직이다.

대신, 모든 객체는 [[Prototype]]이라는 내부 슬롯 가지고 있으므로=> __proto__ 를 통해 간접적으로 접근 가능하다

 

 

Property Attribute, Property Discripter Object

-> property 생성 시에 해당 상태를 나타내는 Property Discripter를 기본값으로 자동 정의하는 것을 말한다

  • 프로퍼티 상태
  • 프로퍼티의 값 (value)
  • 값 갱신 가능 여부 (writable)
  • 열거 가능 여부 (enumerable)
  • 재정의 가능 여부 (configurable)

Property Attribute 는 내부 상태 값(meta-property) internal slot이다

[[Value]], [[Writable]], [[Enumerable]], [[Configurable]]

프로퍼티 어트리뷰트에 직접 접근 불가

- Object.getOwnPropertyDescriptor() 메서드 사용하여 간접적으로 확인 가능

첫번째 매개변수 - 객체의 참조 전달, 두번째 매개변수 - 프로퍼티 키를 문자열로 전달

- 프로퍼티 어트리뷰트 정보를 제공하는 프로퍼티 디스크립터 객체 반환

모든 프로퍼티의 프로퍼티 어트리뷰트 정보 제공하는 프로퍼티 디스크립트 객체 반환 메서드 (ES8)

- Object.getOwnPropertyDescriptors()

- Property Discripter Object; 프로퍼티 어트리뷰터 정보 제공하는 객체

 

 

 

data property

키와 값으로 구성된 일반적인 프로퍼티

JS 엔진이 프로퍼티 생성할 때 기본값으로 자동 정의됨

- [[Value]] - 프로퍼티 키를 통해 프로퍼티 값에 접근하면 반환되는 값

- [[Writable]] - 프로퍼티 값의 변경 가능 여부, 불리언 값

- [[Enumerable]] - 프로퍼티 열거 가능 여부, 불리언 값, for ... in 또는 Object.keys() 등으로 열거 가능 여부

- [[Configurable]] - 프로퍼티의 재정의 가능 여부, 불리언 값

- false일 때 해당 프로퍼티의 삭제, 프로퍼티 어트리뷰트 값 변경 금지

[[Writable]] true => [[Value]] 변경과 [[Writable]]을 false로 변경하는 것은 허용

프로퍼티 생성 시 [[Value]] 값은 프로퍼티 값으로 초기화되고, 나머지도 모두 true로 초기화

 

accessor property

- 자체적으로는 값을 갖지 않고 다른 데이터 프로퍼티의 값을 읽거나 저장할 때

사용하는 접근자 함수 (accessor function)로 구성된 프로퍼티

- [[Get]] - 접근자 프로퍼티를 통해 데이터 프로퍼티의 값 읽을 때 호출되는 접근자 함수

- [[Set]] - 접근자 프로퍼티를 통해 데이터 프로퍼티의 값 저장할 때 호출되는 접근자 함수

- [[Enumerable]] - 데이터 프로퍼티의 [[Enumerable]]과 동일

- [[Configurable]] - 데이터 프로퍼티의 [[Configurable]]과 동일

- 접근자 함수; getter/setter 함수, 접근자 프로퍼티는 getter/setter 함수 모두 정의 가능, 하나만 정의도 가능

- 접근자 프로퍼티와 데이터 프로퍼티 구별

일반 객체의 __proto__는 접근자 프로퍼티

함수 객체의 prototype은 데이터 프로퍼티

 

 

property 정의

새로운 프로퍼티를 추가하면서 프로퍼티 어트리뷰트를 명시적으로 정의,

기존 프로퍼티의 프로퍼티 어트리뷰트를 재정의

- Object.defineProperty() 메서드로 프로퍼티의 어트리뷰트 정의 가능

인수: 객체의 참조, 프로퍼티의 키인 문자열, 프로퍼티 디스크립터 객체

디스크립트 객체의 프로퍼티를 누락시키면 undefined, false가 기본값

한번에 하나의 프로퍼티만 정의 가능

- Object.defineProperties() 메서드로 여러 개의 프로퍼티 한 번에 정의 가능

 

 

object 변경 방지

객체의 변경을 방지하는 다양한 메서드 제공하고 있음 (객체 변경 방지 강도 다름)

- 얕은 변경 방지로 직속 프로퍼티만 변경 방지되고 중첩 객체까지는 영향 주지 못하는 메서드

- 객체 확장 금지: Object.preventExtensions()

- 프로퍼티 추가만 불가능, 나머지는 모두 가능

확장이 금지된 객체는 프로퍼티 추가가 금지됨

- 프로퍼티 동적 추가 방법과 Object.defineProperty() 추가 방법 모두 금지

확장 가능한 객체 여부 => Object.isExtensible()

- 객체 밀봉: Object.seal()

- 프로퍼티 값 읽기/쓰기만 가능, 나머지는 모두 불가능

프로퍼티 추가 및 삭제, 프로퍼티 어트리뷰트 재정의 금지

밀봉된 객체는 읽기와 쓰기만 가능

밀봉된 객체 여부 => Object.isSealed()

- 객체 동결: Object.freeze()

- 프로퍼티 값 읽기만 가능, 나머지는 모두 불가능

프로퍼티 추가 및 삭제와 프로퍼티 어트리뷰트 재정의 금지, 프로퍼티 값 갱신 금지

동결된 객체는 읽기만 가능

동결 객체 여부 => Object.isFrozen()

- 중첩 객체까지 동결 불가

- 불변 객체

- 객체를 값으로 하는 모든 프로퍼티에 대해 재귀적으로 Object.freeze() 호출!

 

728x90

'Web > JavaScript' 카테고리의 다른 글

[mozilla javascript] MutationObserver  (1) 2023.10.29
[first-class object]  (1) 2023.10.29
[기본] block level scope (const, let)  (0) 2023.10.27
[기본] garbage collection  (0) 2023.10.26
[nullish] 병합 연산자 '??'  (0) 2023.10.25