16장. 프로퍼티와 어트리뷰트

Jun_Gyu·2024년 12월 23일
0

한 발자국 더, JS

목록 보기
9/34
post-thumbnail

1. 내부 슬롯, 내부 메서드

^바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는
의사 프로퍼티pseudo property의사 메서드pseudo method.

모든 객체는 [[Prototype]]이라는 내부 슬롯을 가짐.

엔진 로직이기에 원칙적으로는 직접 접근 불가지만,
[[Prototype]]내부 슬롯인 경우, __proto__를 통해 간접적으로 접근이 가능하다는 특징이 있음.




2. 프로퍼티 어트리뷰트, 프로퍼티 디스트립터 객체

자바스크립트 엔진은 프로퍼티를 생성 할 때
프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본 값으로 자동 정의함.

✨ 추가설명

여기서 프로퍼티의 상태란, 프로퍼티의 값, 값의 갱신여부, 열거 가능 여부, 재정의 가능 여부를 뜻함.




3. 데이터 프로퍼티, 접근자 프로퍼티

프로퍼티는 크게 데이터 프로퍼티접근자 프로퍼티로 구분이 가능하다.



3-1. 데이터 프로퍼티 (data property)

키와 값으로 구성된 일반적 프로퍼티며, 대부분의 프로퍼티는 데이터 프로퍼티임.

특징

  • 데이터 프로퍼티는 [[Value]],[[Writable]], [[Enumerable]],[[Configurable]]의 네가지 프로퍼티 어트리뷰트를 가진다.
  • [[value]]는 프로퍼티 키를 통해 프로퍼티 값에 접근하면 반환되는 값을 의미한다.
  • [[Writable]]는 프로퍼티 값의 변경 가능 여부를 나타내며, boolean 타입의 값을 가진다.
  • [[Enumerable]]는 프로퍼티의 열거 가능 여부를 나타내며, boolean 타입의 값을 가진다.
  • [[Configurable]]는 프로퍼티의 재정의 가능 여부를 나타내며, boolean 타입의 값을 가진다.


3-2. 접근자 프로퍼티 (accessor property)

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

특징

  • 접근자 프로퍼티는 [[Get]],[[Set]], [[Enumerable]],[[Configurable]]의 네가지 프로퍼티 어트리뷰트를 가진다.
  • [[Get]] : 접근자 프로퍼티를 통해 데이터 프로퍼티의 값을 읽을 때 호출되는 접근자 함수.
  • [[Set]] : 접근자 프로퍼티를 통해 데이터 프로퍼티의 값을 저장할 때 호출되는 접근자 함수.
  • 접근자 함수는 getter/setter함수라고도 함.


4. 프로토타입

프로토타입은 어떠한 객체의 부모 객체 역할을 하는 객체를 의미함.

때문에, 자식 객체에게 자기 자신의 프로퍼티와 메서드를 상속할 수 있으며,
자식 객체는 부모 객체의 프로퍼티와 메서드를 자유롭게 사용할 수 있다.



5. 프로토타입 체인

프로토타입이 단방향 링크드 리스트 형태로 연결되어 있는 상속 구조를 이야기하며,

객체의 프로퍼티나 메서드에 접근하려고 할 때 해당 객체에 접근하려는 프로퍼티 또는 메서드가 없다면 프로토타입 체인을 따라 프로토타입의 프로퍼티나 메서드를 차례대로 검색한다.

특징

  • 데이터 프로퍼티는 [[Value]],[[Writable]], [[Enumerable]],[[Configurable]]의 네가지 프로퍼티 어트리뷰트를 가진다.
  • [[value]]는 프로퍼티 키를 통해 프로퍼티 값에 접근하면 반환되는 값을 의미한다.
  • [[Writable]]는 프로퍼티 값의 변경 가능 여부를 나타내며, boolean 타입의 값을 가진다.
  • [[Enumerable]]는 프로퍼티의 열거 가능 여부를 나타내며, boolean 타입의 값을 가진다.
  • [[Configurable]]는 프로퍼티의 재정의 가능 여부를 나타내며, boolean 타입의 값을 가진다.


6. 프로퍼티의 정의

새로운 프로퍼티를 추가하면서 프로퍼티 어트리뷰트를 명시적으로 정의하거나, 기존 프로퍼티의 프로퍼티 어트리뷰트를 재정의 하는 것.



7. 객체 변경 방지

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

프로퍼티 추가,삭제,값 갱신, 프로퍼티 어트리뷰트 재정의 가능

자바 스크립트는 객체의 변경을 방지하는 다양한 메서드를 제공함.


7-1. 객체 확장 금지

프로퍼티 추가 금지를 의미하며, 확장이 금지된 객체는 프로퍼티 추가가 금지됨.

  • 프로퍼티 동적 추가Object.defineProperty 메서드 모두 금지됨.
  • 확장이 가능한 객체인지는 Object.isExtensible 메서드로 여부를 판단할 수 있음.



7-2. 객체 밀봉

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

  • 즉, 읽기와 쓰기만 가능한 상태임.
  • 밀봉된 객체인지는 Object.isSealed메서드로 확인할 수 있음.



7-3. 객체 동결

프로퍼티 추가 & 삭제 & 어트리뷰트 재정의 및 프로퍼티 값 갱신또한 금지.

  • 즉, 읽기만 가능한 상태임.
  • 동결된 객체인지는 Object.isFrozen메서드로 확인할 수 있음.



7-4. 불변객체

객체의 중첩 객체까지 동결하여 변경이 불가능한 읽기 전용의 불변객체를 구현.

  • 객체를 값으로 갖는 모든 프로퍼티에 대해서Object.freeze메서드를 호출해야 함.


profile
시작은 미약하지만, 그 끝은 창대하리라

0개의 댓글