[모던 JS Deep Dive] 16장 - 프로퍼티 어트리뷰트

16.1 내부 슬롯과 내부 메서드

  - internal slot / internal method

  - JS 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 pseudo property / pseudo method

  - 이중 대괄호로 감싼 이름

  - JS 엔진에서 실제로 동작하지만 개발자가 직접 접근할 수 있도록 외부로 공개된 객체의 프로퍼티는 아님

  - 내부 슬롯과 내부 메서드는 JS 엔진의 내부 로직 => 직접적으로 접근/호출 방법 제공 X

  - 일부 내부 슬롯과 내부 메서드에 한하여 간접적으로 접근할 수 있는 수단 제공

  - 모든 객체는 [[Prototype]]이라는 내부 슬롯 가짐 => __proto__ 를 통해 간접적으로 접근 가능

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

  - JS 엔진은 프로퍼티를 생성할 때 프로퍼티 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정의

  - 프로퍼티 상태

    - 프로퍼티의 값 (value)

    - 값 갱신 가능 여부 (writable)

    - 열거 가능 여부 (enumerable)

    - 재정의 가능 여부 (configurable)

  - 프로퍼티 어트리뷰트: JS 엔진이 관리하는 내부 상태 값 (meta-property)인 내부 슬롯

    - [[Value]], [[Writable]], [[Enumerable]], [[Configurable]]

  - 프로퍼티 어트리뷰트에 직접 접근 불가

    - Object.getOwnPropertyDescriptor() 메서드 사용하여 간접적으로 확인 가능

    - 첫번째 매개변수 - 객체의 참조 전달, 두번째 매개변수 - 프로퍼티 키를 문자열로 전달

    - 프로퍼티 어트리뷰트 정보를 제공하는 프로퍼티 디스크립터 객체 반환

  - 모든 프로퍼티의 프로퍼티 어트리뷰트 정보 제공하는 프로퍼티 디스크립트 객체 반환 메서드 (ES8)

    - Object.getOwnPropertyDescriptors()

  - 프로퍼티 디스크립터 객체; 프로퍼티 어트리뷰터 정보 제공하는 객체

    

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

  - 데이터 프로퍼티

    - 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은 데이터 프로퍼티

16.4 프로퍼티 정의

  - 새로운 프로퍼티를 추가하면서 프로퍼티 어트리뷰트를 명시적으로 정의,

    기존 프로퍼티의 프로퍼티 어트리뷰트를 재정의

  - Object.defineProperty() 메서드로 프로퍼티의 어트리뷰트 정의 가능

    - 인수: 객체의 참조, 프로퍼티의 키인 문자열, 프로퍼티 디스크립터 객체

    - 디스크립트 객체의 프로퍼티를 누락시키면 undefined, false가 기본값

    - 한번에 하나의 프로퍼티만 정의 가능

    - Object.defineProperties() 메서드로 여러 개의 프로퍼티 한 번에 정의 가능

16.5 객체 변경 방지

  - JS는 객체의 변경을 방지하는 다양한 메서드 제공 (객체 변경 방지 강도 다름)

  - 얕은 변경 방지로 직속 프로퍼티만 변경 방지되고 중첩 객체까지는 영향 주지 못하는 메서드

    - 객체 확장 금지: Object.preventExtensions()

      - 프로퍼티 추가만 불가능, 나머지는 모두 가능

      - 확장이 금지된 객체는 프로퍼티 추가가 금지됨

      - 프로퍼티 동적 추가 방법과 Object.defineProperty() 추가 방법 모두 금지

      - 확장 가능한 객체 여부 => Object.isExtensible()

    - 객체 밀봉: Object.seal()

      - 프로퍼티 값 읽기/쓰기만 가능, 나머지는 모두 불가능

      - 프로퍼티 추가 및 삭제, 프로퍼티 어트리뷰트 재정의 금지

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

      - 밀봉된 객체 여부 => Object.isSealed()

    - 객체 동결: Object.freeze()

      - 프로퍼티 값 읽기만 가능, 나머지는 모두 불가능

      - 프로퍼티 추가 및 삭제와 프로퍼티 어트리뷰트 재정의 금지, 프로퍼티 값 갱신 금지

      - 동결된 객체는 읽기만 가능

      - 동결 객체 여부 => Object.isFrozen()

      - 중첩 객체까지 동결 불가

  - 불변 객체

    - 객체를 값으로 하는 모든 프로퍼티에 대해 재귀적으로 Object.freeze() 호출!