📚 Reference

• 공식 문서 1
• 공식 문서 2
• 생활 코딩
• 참고 자료 1
• 참고 자료 2
• 참고 자료 3

📜 Chapter

Class

Prototype

• Prototype
• 프로토타입
• 상속의 구체적인 수단이다.
• Prototype Link, Prototype Object 라는 것이 존재한다.

function Person() {
  this.eyes = 2;
  this.nose = 1;
}
var kim  = new Person();
var park = new Person();
console.log(kim.eyes);  // => 2
console.log(kim.nose);  // => 1
console.log(park.eyes); // => 2
console.log(park.nose); // => 1

• kim과 park은 eyes와 nose를 공통적으로 가지고 있는데, 메모리에는 eyes와 nose가 두 개씩 총 4개 할당된다.
• 객체를 100개 만들면 200개의 변수가 메모리에 할당된다.
• 바로 이런 문제를 프로토타입으로 해결할 수 있습니다.

function Person() {}
Person.prototype.eyes = 2;
Person.prototype.nose = 1;
var kim  = new Person();
var park = new Person():
console.log(kim.eyes); // => 2

• Person.prototype이라는 빈 Object가 어딘가에 존재하고, Person 함수로부터 생성된 객체(kim, park)들은 어딘가에 존재하는 Object에 들어있는 값을 모두 갖다 쓸 수 있다.
• 즉, eyes와 nose를 어딘가에 있는 빈 공간에 넣어놓고 kim과 park이 공유해서 사용하는 것이다.

Prototype Object