[모딥다] 16장 프로퍼티 어트리뷰트

🌱 16.1 내부 슬롯과 내부 메서드

내부 슬롯, 내부 메서드

=> JS 엔진의 구현 알고리즘을 설명하기 위한 의사 프로퍼티와 의사 메서드

[[ ... ]] 이렇게 감싼 이름들임. 

 

얘네는 ECMAScript 사양에 정의된 대로 구형되고, JS 엔진에서 실제로 동작하긴 하지만,

개발자가 직접 접근할 수 있도록 외부로 공개된 객체의 프로퍼티는 아니다. 

 

즉, 내부 슬롯과 내부 메서드는 JS 엔진의 내부 조직 => 원칙적으론 직접 접근하거나 호출할 수 있는 방법을 제공하진 않는다.

하지만, 일부 내부 슬롯과 내부 메서드에 한해 간접적으로 접근할 수 있는 수단을 제공하기는 함. 

모든 객체는 [[Prototype]] 이란 내부 슬롯을 가지고, 

__proro__ 를 통해 간접적으로 접근이 가능하다.

 

 

 

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

 

JS 엔진은 프로퍼티를 생성할 때, 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본적으로 자동 겅의 한다.

프로퍼티의 상태 : 프로퍼티의 값, 값의 갱신 여부, 열거 가능 여부, 재정의 가능 여부

 

Object.getOwnPropertyDescriptor(객체의 참조, 프로퍼티키)

=> 프로퍼티의 상태를 간접적으로 확인 가능

=> 프로퍼티 디스크립터 객체를 반환함.

(프로퍼티 디스크립터 : 모든 프로퍼티의 프로퍼티 어트리뷰트를 제공하는 객체)

 

 

 

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

 

프로퍼티의 구분

 

📌 데이터 프로퍼티

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

 

 📌접근자 프로퍼티

- 자체적으로는 값을 갖지 않고, 프로퍼티의 값을 읽거나 저장할 때 호출되는 접근자 함수로 구성된 프로퍼티

 

 

16.3.1 데이터 프로퍼티

 

<데이터 프로퍼티의 프로퍼티 어트리뷰트>

 

[[Value]]

- 프로퍼티 값에 접근하면 반환되는 값

- 값 변경 시 여기에 재할당됨. 

 

[[Writable]]

- 프로퍼티 값의 변경 여부를 나타냄. 불리언

 

[[Enumberable]]

- 프로퍼티의 열거 여부를 나타냄

 

[[Configurable]]

- 프로퍼티의 재정의 가능 여부를 나타냄. 

 

 

 

16.3.2 접근자 프로퍼티

자체적으로 값을 갖지 않고 다른 데이터 프로퍼티의 값을 읽거나 저장할 때 사용하는 접근자 함수로 구성된 프로퍼티.

 

[[Get]]

- 접근자 프로퍼티를 통해 프로퍼티의 값을 읽을 때 호출되는 접근자 함수. 

- getter 함수가 호출되고, 그 결과가 프로퍼티 값으로 반환됨.

 

[[Set]]

- 접근자 프로퍼티를 통해 프로퍼티의 값을 저장할 때 호출되는 접근자 함수

 

[[Enumberable]]

- 데이터 프로퍼티와 동일

 

[[Configurable]]

- 데이터 프로퍼티와 동일

 

 

🌿프로토타입

- 어떤 객체의 상위(부모) 객체의 역할을 하는 객체

- 하위(자식) 객체에게 자신의 프로퍼티와 메서드를 상속.

- 상속받은 메서드를 하위 객체는 자유롭게 사용 가능함.

 

 

 

 

🌱 16.4 프로퍼티의 정의

 

프로퍼티 정의란?

=> 새로운 프로퍼티를 추가하면서 

프로퍼티 어트리뷰트를 명시적으로 정의하거나, 

기존 프로퍼티의 어트리뷰트를 재정의 하는 것. 

(값의 갱신 여부, 열거 가능 벼주 등을 정의할 수 있음.)

 

Object.defineProperties(키, 프로퍼티 디스크립터 객체)

-> 여러개의 프로퍼티를 한번에 정의할 수 있음.

 

 

 

 

🌱 16.5 객체 변경 방지

 

객체는 변경 가능한 값이므로 재할당 없이 직접 변경 가능. 

삭제, 갱신, 재정의가 가능하다.

 

객체의 변경을 방지하는 다양한 메서드를 제공함.

 

 

16.5.1 객체 확장 금지

Object.preventExtensions

 

- 프로퍼티 추가 ❌

- 삭제, 읽기, 값 사용, 어트리뷰트 재정의 가능

 

 

16.5.2 객체 밀봉

Object.seal

 

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

- 프로퍼티 추가, 삭제, 재정의 ❌

- 읽기, 쓰기 가능

 

 

16.5.3 객체 동결

Object.freeze

 

- 읽기만 가능

 

 

 

16.5.4 불변 객체

이전의 방법들은 얕은 변경 방지 -> 직속 프로퍼티만 변경이 방지. (중첩된 객체엔 영향 못줌)

중첩된 객체까지 동결하려면 -> 모든 프로퍼티에 freeze 를 해야함.