프로토타입

🤔 프로토타입(Prototype)이란?

👉 프로토타입은 쉽게 말해 유전자이다. 

👉 예시를 보자

// 부모 클래스
function 기계() {
  this.q = "strike",
  this.w = "snowball",
}

// 부모 클래스에 name 속성 추가
기계.prototype.name = "kim"

// 자식 인스턴스
let nunu = new 기계()

👉 nunu라는 instance에는 name이라는 속성이 없다. 오직 부모 클래스에만 존재한다. 근데 nunu.name이라고 접근하면 "kim"이라고 뜬다. 

 

🤔 부모가 가진 속성을 자식에서 사용할 수 있는 이유는 뭘까?

👉 object에서 자료 뽑을 때 일어나는 일이다. 

👉 자식이 해당 속성을 가지고 있지 않으면 부모유전자를 살펴본다. 거기에 해당 속성이 있으면 출력한다. 부모에도 없으면 조부모한테 가서 찾아본다. 이런 방식은 Prototype.chain의 원리다.

 

let array = [4, 2, 1];
array.sort();

👉 우리가 배열을 정렬하는 sort()라는 메서드를 쓸 수 있는 이유도 prototype이랑 관련이 있다. Array.prototype()을 브라우저 콘솔창에서 찍어봤다.

Array.prototype

👉 우리가 직접 sort()라는 함수를 구현하지 않아도 쓸 수 있는건 Array.prototype 안에 이미 있는 것을 갖다 쓰기 때문이다. Array라는 부모 요소에 정렬함수가 존재하고 자식인 우리는 그것을 그냥 가져다 쓰면 된다.