[모던 자바스크립트 Deep Dive] 16장 프로퍼티 어트리뷰트(property attribute)란?

16.1 내부 슬롯과 내부 메서드

---

내부 슬롯 (internal slot)과 내부 메서드 (internal method)는 JS 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티 pseudo property와 의사 메서드 pseudo method 입니다. 

 

모든 객체는 [[Prototype]] 이라는 내부 슬롯을 갖습니다. 내부 슬롯은 JS 엔진의 내부 로직이므로 원칙적으로 직접 접근할 수 없지만 __proto__를 통해 간접 접근이 가능합니다. 

 

16.2 프로퍼티 어트리뷰트와 프로퍼티 디스크립터 객체 

---

Js 엔진은 프로퍼티를 생성할 때 프로퍼티의 어트리뷰트를 기본값으로 자동 정의합니다. 프로퍼티의 상태란 값 (value), 값의 갱신 가능 여부 (writable), 열거 가능 여부 (enumerable), 재정의 가능 여부 (configurable)를 말합니다. 

 

프로퍼티 어트리뷰트에 직접 접근할 수 없지만 아래의 메서드를 활용하여 간접적으로 확인할 수 있습니다. 

const person = { name: "Lee" };
Object.getOwnPropertyDescriptor(person, 'name'); 
// {value: 'Lee', writable: true, enumerable: true, configurable: true}

 

16.3 데이터 프로퍼티와 접근자 프로퍼티

---

데이터 프로퍼티 (data property) : 키와 값으로 구성된 일반적인 프로퍼티

접근자 프로퍼티 (accessor property)  : 자체적인 값을 갖지 않고, 다른 데이터 프로퍼티의 값을 읽거나 저장할 때 호출되는 접근자 함수 (accessor function)으로 구성된 프로퍼티

 

16.3.1 데이터 프로퍼티 (data property)

JS엔진이 프로퍼티를 생성 할 때 기본값으로 자동 정의됩니다. 

프로퍼티 어트리뷰트	프로퍼티 디스크립터  객체의 프로퍼티	설명
[[Vaule]]	value	프로퍼티 키를 통해 프로퍼티 값에 접근하면 반환되는 값
[[Writable]]	writable	프로퍼티 값의 변경 가능 여부를 나타내며 불리언 값을 갖음
[[Enumerable]]	enumerable	프로퍼티의 열거 가능 여부를 나타내며 불리언 값을 갖음
[[Configurable]]	configurable	프로퍼티의 재정의 가능 여부를 나타내며 불리언 값을 갖음

 

 

16.3.2 접근자 프로퍼티 

프로퍼티 어트리뷰트	프로퍼티 디스크립터 객체의 프로퍼티	설명
[[Get]]	get	접근자 프로퍼티를 통해 데이터 프로퍼티의 값을 읽을 때 호출되는 접근자 함수. getter 함수가 호출되고 그 결과가 프로퍼티 값으로 반환됨
[[Set]]	set	접근자 프로퍼티를 통해 데이터 프로퍼티 값을 저장할 때 호출되는 접근자 함수, setter 함수가 호출되고 그 결과가 프로퍼티 값으로 저장
[[Enumerable]]	enumerable
[[Configurable]]	configurable

 

16.4 프로퍼티 정의

---

프로퍼티 정의란 프로퍼티 값을 갱신 가능하도록 할 것인지, 열거 가능하도록 할 것인지, 재정의 가능하도록 할 것인지 등을 정의할 수 있습니다. 

 

16.5 객체 변경 방지

---

객체는 변경 가능한 값이므로 재할당 없이 직접 변경할 수 있습니다. JS는 객체의 변경을 방지하는 다양한 메소드를 제공합니다. 

구분	메서드	프로퍼티 추가	프로퍼티 삭제	프로퍼티 값 읽기	프로퍼티 값 쓰기	프로퍼티 어트리뷰트 재정의
객체 확장 금지	Object.oporeventExtensions	X	O	O	O	O
객체 밀봉	Object.seal	X	X	O	O	X
객체 동결	Object.freeze	X	X	O	X	X

 

---

Reference: 모던 자바스크립트 Deep Dive