[JS] prototype

코딩애플 - 이거보고 prototype 이해 못하면 강의접음 영상을 보고 요점만 정리한 글입니다. 

---

 

개념

부모로 받은 유전자라고 생각하는 것이 편하다.

내가 직접 선언하지 않았지만, 부모로 부터 물려받아 사용이 가능하다.

 

코드

객체를 생성하여 prop을 확인해보니 mouse와 eye는 존재하지만 handsome은 존재하지 않는다.

하지만 handsome을 선언하면 유전자(prototype)를 검사하여 존재 여부를 판단한다.

function human() {
    this.mouse= 1,
    this.eye = 2
}

human.prototype.handsome = '50%'

const a = new human()
console.log(a) // human: { "mouse": 1, "eye": 2 } 
console.log(a.handsome) // 50%

 

Javascript의 Array의 수 많은 method들도 prototype에 작성되어 있기 때문에 우리가 만들지 않은 메소드를 사용 가능하다.