<aside> 💡 Javascript는 프로토타입 기반 언어이다.

클래스 기반 언어에서는 상속을 사용하지만, 프로토타입 기반 언어에서는 어떤 객체를 원형으로 삼고 이를 복제함으로써 상속과 비슷한 효과를 얻는다.

이는 꽤나 독특한 개념이다.

</aside>

1. Prototype 개념 이해

var instance = new Constructor();

위 코드를 통해 추상화하면 아래 그림으로 이해할 수 있다.

• 흐름을 보면서 따라가보자.
  • 어떤 생성자함수 Constructor를 new 연산자와 함께 호출한다.
  • Constructor에서 정의된 내용을 바탕으로 새로운 인스턴스가 생성된다.
  • 이 때 instance에는 __proto__라는 프로퍼티가 자동으로 부여된다.
  • 이 __proto__ 라는 프로퍼티는 Constructor의 prototype이라는 프로퍼티를 참조한다.

<aside> 💡 prototype이라는 프로퍼티와 __proto__ 라는 프로퍼티가 새로 등장했는데, 이 둘의 관계가 프로토타입의 핵심 개념이다.

• prototype은 객체이고, 이를 참조하는 __proto__ 역시 당연히 객체이다. prototype 객체 내부에는 인스턴스가 사용할 메서드를 저장한다.
• 숨겨진 프로퍼티인 __proto__ 를 통해 이 메서드들에 접근할 수 있게 된다.

</aside>