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

유선향·2025년 1월 18일
0

<modern_JS_Deep_Dive>

목록 보기
17/44

내부 슬롯과 내부 메서드

  • 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드다.
  • ECMAScript 사양에 등장하는 이중 대괄호([[… ]] 로 감싼 이름들이 내부 슬롯과 내부 메서드다.
  • 자바스크립트 엔진에서 실제로 동작하지만, 개발자가 직접 접근할 수 있도록 외부로 공개된 객체의 프로퍼티는 아니다.
  • 단, 일부 내부 스롯과 내부 메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공한다.

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

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

프로퍼티 상태 = 프로퍼티 어트리뷰트

  • 프로퍼티의 값
  • 갱신 가능 여부
  • 열거 가능 여부
  • 재정의 가능 여부

접근하기

  • 프로퍼티 상태는 직접 접근이 불가하다
  • Object.getOwnPropertyDescriptor(객체참조, 프로퍼티키) 메서드를 사용하여 간접적으로 확인할 수 있다.
  • 해당 메소드는 프로퍼티 디스크립터 객체를 반환한다.
  • 존재하지 않으면 undefined 반환된다.
  • ES8에서 도입된 Object.getOwnPropertyDescriptors(객체) 메서드를 사용하면 모든 프로퍼티의 프로퍼티 어트리뷰트 정보를 제공하는 프로퍼티 디스크립터 객체들을 반환한다.

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

프로퍼티는 데이터 프로퍼티와 접근자 프로퍼티로 구분할 수 있다.

데이터 프로퍼티

  • 키와 값으로 구성된 일반적인 프로퍼티
  • 자바스크립트 엔진이 프로퍼티를 생성할 때 기본값으로 자동 정의된다.

접근자 프로퍼티

  • 자체적으로는 값을 갖지 않고 다른 데이터 프로퍼티의 값을 읽거나 저장할 때 호출되는 접근자 함수로 구성된 프로퍼티
  • 접근자 함수는 getter/setter 함수라고도 부른다.
    • 접근자 프로퍼티는 getter/setter 함수를 모두 정의할 수 있고 하나만 정의할 수도 잇다.


프로퍼티 정의

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

Object.defineProperty

  • 프로퍼티의 어트리뷰트를 정의할 수 있다.
  • Object.defineProperty(객체의 참조, 프로퍼티키 , 프로퍼티 디스크립터 객체)
    const person = {}
    Object.defineProperty(person, 'firstName' , {
    	value :'test',
    	writable:true,
    	enumerable:true,
    	configurable:true
    })
  • 프로퍼티 디스크립터 객체의 프로퍼티를 일부 생략할 수 있다. 이후 기본값이 적용된다.
  • 한번에 하나의 프로퍼티만 정의할 수 있다.

Object.defineProperties

  • 한번에 여러개의 프로퍼티를 정의할 수 있다.
  • Object.defineProperties(객체의 참조 , 프로퍼티 디스크립터 객체)
    const person = {}
    Object.defineProperties(person, {
    	firstName: {
    		value :'test',
    		writable:true,
    		enumerable:true,
    		configurable:true
    	},
    	lastName : {
    		value: 'Lee',
    		...
    	}, ...
    })

객체 변경 방지

  • 객체는 변경 가능한 값이므로 재할당 없이 직접 변경할 수 있다.
  • 즉, 프로퍼티를 추가하거나 삭제할 수 있고, 프로퍼티 값을 갱신할 수 있으며, 위의 두 메서드를 사용하여 프로퍼티 어트리뷰트를 재정의할 수도 있다.
  • 자바스크립트는 객체의 변경을 방지하는 메소드를 제공한다. 해당 메서드들은 객체의 변경 금지 강도가 다르다.

객체 확장 금지

  • 확장이 금지된 객체는 프로퍼티 추가가 금지된다.

객체 밀봉

  • 밀봉된 객체는 읽기와 쓰기만 가능하다
  • Object.isSealed 메서드로 밀봉 여부가 확인 가능하다

객체 동결

  • 동결된 객체는 읽기만 가능하다.
  • Object.isFrozen 메서드로 동결 여부가 확인 가능하다

불변 객체

  • 위의 메서드들은 얕은 변경 방지로 직속 프로퍼티만 변경이 방지되고 중첩 객체 까지는 영향을 주지 못한다.
  • 따라서 중첩 객체까지 동결하여 변경이 불가능한 읽기 전용의 불변 객체를 구현하려면 객체를 값으로 갖는 모든 프로퍼티에 대해 재귀적으로 Object.freeze 메서드를 호출해야 한다.

0개의 댓글