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() 호출!
'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 |