본문 바로가기
컴퓨터/Front (Html, JS)

[JavaScript] Prototype이 뭘까용(2) (Prototype 상속기능 직접 만들어보기)

by 버니케이 2023. 7. 9.
반응형

 

 

Prototype 은 부모의 정보

Prototype 은 생성자로 만들어야 나옵니다.

당연하죠

왜냐면 Prototype 은 부모의 정보니까요!

 

 

 

 

 

array  prototype 알아보기 - 부모 정보 찍어보기

Array.prototype

 

Array() prototype 을 찍어보겠습니다.

잘은 모르겠지만 constructor 인 것만은 확실해졌네요!

심지어 더 밑으로 내려가보니 Object…

Array() 의 부모의 부모는 Object 였어요

 

 

 

 

 

array prototype 알아보기 - __proto__ 와 prototype

let arr = new Array()

arr = [1,2,3]

arr.__proto__

Array.prototype

이렇게 한번 찍어봅시당

 

자식.__proto__ 랑 부모.prototype 한 결과가 같네요!

 

 

 

 

 

직접 만든 생성자로 prototyp 상속해보기

Array() 는 이미 너무 잘 만들어진 생성자이니까

저만의 생성자를 하나 만들어서 찍어보겠습니당

 

function 생성자(){

    this.data1 = 'data1'; // instance
    this.data2 = 'data2';  // instance
    
}

var 아가1 = new 생성자()

 

 

똑같은 결과가 나왔네요!

 

 

결론:

prototype 으로 생성자 정보를 알 수 있다.

__proto__ 로 부모 정보를 알 수 있다. 

반응형

댓글