객체

• JS에서 객체는 매우 복합적인 자료구조
• 객체 내부에 있는 property의 수는 정해져있지 않아 동적으로 추가 및 삭제될 수 있음.
• 사전에 메모리 공간에 크기를 정의할 수 없음

특징

• Property key를Index으로 사용하는 해시 테이블로 볼 수 있음.
• 클래스 없이 객체를 생성할 수 있고, 객체가 생성된 이후에 동적으로 property와 method 추가 가능

• 동적 탐색
  • 프로퍼티 값을 읽어야할 때마다 프로퍼티를 찾아야하는 것.
  • 하지만 V8에서는 히든 클래스를 이용하여 프로퍼티에 접근함

Hidden Class

• 특징

  1. 반드시 하나의 객체마다 부여
  2. 각 property에 대한 offset 정보를 가지고 있음
  3. 객체에 property가 추가/수정/삭제되면 새로운 히든 클래스 생성
     1. 기존 히든 클래스 정보에 추가로 업데이트된 정보를 가지고 있음
  4. 3의 과정에서 원래의 히든 클래스는 참조해야되는 히든 클래스 정보가 추가됨.

• v8엔진은 새로운 객체를 생성할 때 새로운 히든 클래스를 생성함

  • 객체에 새 프로퍼티를 추가 및 삭제 → 이전 히든 클래스를 상속받는 새 히든 클래스 만들어서 새 프로퍼티를 포함

  

  1. 빈 객체를 생성하였으니, 히든 클래스가 만들어짐.

  

  1. 객체에 프로퍼티를 추가 → 히든 클래스를 만들고 이전 클래스를 상속 받음

  

  1. 객체를 수정하면 할수록 복잡해지는 구조

Ref.

https://wooncloud.tistory.com/105