본문 바로가기

스터디/[모던 자바스크립트 deep dive] JS

#16. 프로퍼티 어트리뷰트

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

  • 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 내부 로직이므로 원칙적으로 자바스크립트는 내부 슬롯과 내부 메서드에 직접 적으로 접근하거나 호출할 수 있는 방법을 제공하지 않는다.
    (일부 내부 슬롯과 내부 메서드에 한하여 간 접적으로 접근할 수 있는 수단을 제공하기는 한다)

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

  • 자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정의한다.
  • 프로퍼티 어트리뷰트
    • 자바스크립트 엔진이 프로퍼티를 생성할 때 자동으로 정의하는 내부 상태 값
    • 이들은 프로퍼티의 상태를 나타내며 값(value), 값의 갱신 가능 여부(writable), 열거 가능 여부(enumerable), 재정의 가능 여부(configurable) 등을 포함한다.
  • Object.getOwnPropertyDescriptor 메서드
    • Object.getOwnPropertyDescriptor 메서드를 사용하여 프로퍼티의 프로퍼티 디스크립터 객체를 확인할 수 있다.
    • 이 메서드는 객체의 참조와 프로퍼티 키를 매개변수로 받아 해당 프로퍼티의 프로퍼티 디스크립터를 반환한다. 이를 통해 프로퍼티의 상태를 간접적으로 확인할 수 있다.

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

데이터 프로퍼티

접근자 프로퍼티

4. 프로퍼티 정의

  • 프로퍼티 정의 : 새로운 프로퍼티를 추가하면서 프로퍼티 어트리뷰트를 명시적으로 정의하거나, 기존 프로퍼티의 프로퍼티 어트리뷰트를 재정의하는 것을 의미한다.
  • Object.defineProperty  메서드를 사용하면 프로퍼티의 어트리뷰트를 정의할 수 있다.
    • Object.defineProperty 메서드는 한번에 하나의 프로퍼티만 정의할 수 있다 . Object.defineProperties 메 서드를 사용하면 여러 개의 프로퍼티를 한 번에 정의할 수 있다.

5. 객체 변경 방지

  • 객체는 변경 가능한 값이므로 재할당 없이 직접 변경할 수 있다.
  • 프로퍼티 추가 / 삭제 / 값 갱신 가능
  • Object.defineProperty 또는 Object.defineProperties 메서드를 사용하여 프로퍼티 어트리뷰트를 재정의할 수도 있다.

객체 확장 금지

  • 프로퍼티 추가 금지를 의미한다.
  • Object.preventExtensions 메서드는 객체의 확장을 금지한다.

객체 밀봉

  • 객체 밀봉이란 프로퍼티 추가 및 삭제와 프로퍼티 어트리뷰트 재정의 금지를 의미한다.
  • Object.seal 메서드는 객체를 밀봉한다.

객체 동결

  • 프로퍼티 추가 및 삭제와 프로퍼티 어트리뷰트 재정의 금지, 프로퍼티 값 갱신 금지를 의미한다.
  • Object.freeze 메서드는 객체를 동결한다.

불변 객체

  • 객체의 중첩 객체까지 동결하여 변경이 불가능한 읽기 전용의 불변 객체를 구현하려면 객체를 값으로 갖는 모든 프로퍼티에 대해 재귀적으로 0bject.freeze 메서드를 호출해야 한다.