16.1 내부 슬롯과 내부 메서드
- 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScrpit 사양에서 사용하는 의사 프로퍼티와 의사 메서드다.
- 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 내부 로직이므로 원칙적으로 자바스크립트는 내부 슬롯과 내부 메서드에 직접적으로 접근하거나 호출할 수 있는 방법을 제공하지 않는다.
- 일부 내부 슬롯과 내부 메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공하기는 한다.
16.2 프로퍼티 어트리뷰트와 프로퍼티 디스크립터 객체
- 자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정의한다.
- 프로퍼티의 상태란 프로퍼티의 값, 값의 갱신 가능 여부, 열거 가능 여부, 정의 가능 여부를 말한다.
- 프로퍼티 어트리뷰트에 직접 접근할 수 없지만 Object.getOwnPropertyDescriptor 메서드를 사용하여 간접적으로 확인할 수 있다.
16.3 데이터 프로퍼티와 접근자 프로퍼티
- 데이터 프로퍼티 : 키와 값으로 구성된 일반적인 프로퍼티
- 접근자 프로퍼티 : 자체적으로 값을 갖지 않고 다른 데이터 프로퍼티의 값을 읽거나 저장할 때 호출되는 접근자 함수로 구성된 프로퍼티.
16.3.1 데이터 프로퍼티
- 프로퍼티 어트리뷰트는 자바스크립트 엔진이 프로퍼티를 생성할 때 기본값으로 자동 정의된다.
- 프로퍼티가 생성될 때 [[Vaule]] 의 값은 프로퍼티 값으로 초기화되며 [[Writable]] , [[Enumerable]] , [[Configurable]] 의 값은 true 로 초기화 된다.
- 데이터 프로퍼티는 다음과 같은 프로퍼티 어트리뷰트를 갖는다.
| 프로퍼티 어트리뷰트 | 프로퍼티 디스트립터 객체의 프로퍼티 | 설명 |
|---|---|---|
| [[Value]] | Value | 프로퍼티 키를 통해 프로퍼티 값에 접근하면 반환되는 값 |
| [[Writable]] | Writable | 프로퍼티 값의 변경 가능 여부를 나타내며 불리언 값을 갖는다. |
| [[Enumerable]] | Enumerable | 열거 여부를 나타내며 불리언 값을 갖음. false일 경우 for 문이나 object.keys 메서드 등으로 열거 X |
| [[Configurable]] | Configurable | 재정의 가능 여부를 나타내며 불리언 값을 갖음. false인 경우 프로퍼티의 삭제, 프로퍼티 어트리뷰트 값의 변경이 금지 |
16.3.2 접근자 프로퍼티
- 접근자 프로퍼티는 자체적으로 값을 갖지 않고 다른 데이터 프로퍼티의 값을 읽거나 저장할 때 사용하는 접근자 함수로 구성된 프로퍼티이다.
- 접근자 프로퍼티는 다음과 같은 프로퍼티 어트리뷰트를 갖는다.
- 접근자 함수는 getter/setter 함수라고도 부른다.
| 프로퍼티 어트리뷰트 | 프로퍼티 디스트립터 객체의 프로퍼티 | 설명 |
|---|---|---|
| [[Get]] | Get | 접근자 프로퍼티를 통해 데이터 프로퍼티의 값을 읽을 때 호출되는 접근자 함수 |
| [[Set]] | Set | 접근자 프로퍼티를 통해 데이터 프로퍼티의 값을 저장할 때 호출되는 접근자 함수 |
| [[Enumerable]] | Enumerable | 데이터 프로퍼티의 [[Enumerable]] 와 같음 |
| [[Configurable]] | Configurable | 데이터 프로퍼티의 [[Configurable]] 와 같음 |
// 일반 객체의 __proto__는 접근자 프로퍼티다.
Object.getOwnPropertyDescriptor(Object.prototype, '__proto__');
// 함수 객체의 prototype 은 데이터 프로퍼티다.
Object.getOwnPropertyDescriptor(funtion() {}, 'prototype');16.4 프로퍼티 정의
- 프로퍼티 정의란 새로운 프로퍼티를 추가하면서 프로퍼티 어트리뷰트를 명시적으로 정의하거나, 기존 프로퍼티의 프로퍼티 어트리뷰트를 재정의하는 것을 말한다.
- Object.definedProperty 메서드를 사용하면 프로퍼티의 어트리뷰트를 정의할 수 있다.
- 위 메서드로 프로퍼티를 정의할 때 프로퍼티 디스트립터 객체의 프로퍼티를 일부 생략할 수 있다.
| 대응하는 프로퍼티 어트리뷰트 | 프로퍼티 디스트립터 객체의 프로퍼티 | 생략했을 때의 기본값 |
|---|---|---|
| [[Value]] | Value | undefined |
| [[Get]] | Get | undefined |
| [[Set]] | Set | undefined |
| [[Writable]] | writable | false |
| [[Enumerable]] | enumerable | false |
| [[Configurable]] | configurable | false |
16.5 객체 변경 방지
- 객체는 변경 가능한 값이므로 재할당 없이 직접 변경할 수 있다.
- 즉 프로퍼티를 추가하거나 삭제할 수 있고, 프로퍼티 값을 갱신할 수 있으며 Object.defineProperty 또는 Object.defineProperties 메서드를 사용하여 프로퍼티 어트리뷰트를 재정의할 수도 있다.
| 구분 | 메서드 | 프로퍼티 추가 | 프로퍼티 삭제 | 프로퍼티 값 읽기 | 프로퍼티 값 쓰기 | 프로퍼티 어트리뷰트 재정의 |
|---|---|---|---|---|---|---|
| 객체 확장 금지 | Object.preventExtensions | X | O | O | O | O |
| 객체 밀봉 | Object.seal | X | X | O | O | O |
| 객체 동결 | Object.freeze | X | X | O | X | X |
16.5.1 객체 확장 금지
- Object.preventExtensions 메서드는 객체의 확장을 금지한다.
- 확장이 금지된 객체는 프로퍼티 추가가 금지된다.
16.5.2 객체 밀봉
- Object.seal 메서드는 객체를 밀봉한다.
- 밀봉이란 프로퍼티 추가 및 삭제와 프로퍼티 어트리뷰트 재정의 금지를 의미한다.
- 읽기와 쓰기만 가능하다.
16.5.3 객체 동결
- Object.freeze 메서드는 객체를 동결한다.
- 객체 동결이란 프로퍼티 추가 및 삭제와 프로퍼티 어트리뷰트 재정의 금지, 프로퍼티 값 갱신 금지를 의미한다.
- 동결된 객체는 읽기만 가능하다.
16.5.4 불변 객체
- 변경 방지 메서드들은 얕은 변경 방지로 직속 프로퍼티만 변경이 방지되고 중첩 객체까지는 여향을 주지는 못한다.
- 중첩 객체까지 동결하여 변경 불가능한 읽기 전용의 불변 객체를 구현하려면 객체를 값으로 갖는 모든 프로퍼티에 대해 재귀적으로 Object.freeze 메서드를 호출해야 한다.
🌳 느낀점
- 복잡하네 ..
위 글은 위키북스의 모던 자바스크립트 Deep Dive 를 읽고 정리한 내용입니다.
Step by step goes a long way ✨