JS 의 원형 과 원형 체인 에 대해 논 하 다.

1822 단어 JS원형
1.원형 프로 토 타 입
javascript 의 모든 함 수 는 이 속성 을 가지 고 있 으 며,prototype 속성 을 가 진 대상 은 하나의 함수 입 니 다.prototype 의 역할 은 대상 에 게 방법/속성 을 추가 하 는 것 입 니 다.

function persion(){}
persion.prototype.name = "xiaoming"
console.log(persion.prototype)//{name: "xiaoming", constructor: ƒ}
2.원형 포인터:proto__
위의 persion 함 수 를 인 스 턴 스 대상 Persion 1 로 만 들 면 prototype 으로 다음 과 같은 속성 을 추가 합 니 다.

function persion(){}
persion.prototype.name = "xiaoming"
let Persion1 = new persion();
console.log(Persion1) //       
인쇄 실례 Persion 1 의 결 과 는 다음 과 같 습 니 다.

위 에 인쇄 된 결 과 를 보면 Persion 1.proto__.name=persion.prototype.name,즉 인 스 턴 스 대상 의proto__속성 은 구조 함수 의 prototype 과 같 습 니 다.
위 를 이해 한 후에 원형 체인 은 잘 이해 할 수 있 습 니 다.우 리 는 Persion 1.proto__.__proto__Object 를 직접 찾 는 방법.이렇게 말 하면 직관 적 이지 않 을 수도 있 습 니 다.코드 를 올 리 세 요.

function persion(){}
persion.prototype.name = "xiaoming"
let Persion1 = new persion();
console.log(Persion1.__proto__.__proto__.toString) //         Object toString  
console.log(Object.prototype.toString)//Object  toString  
콘 솔 인쇄 결 과 는 다음 과 같 습 니 다.원형 체인 이 단계별 로 찾 는 특성 을 증명 합 니 다.

총결산
모든 대상 은 원형 체인,즉 을 통과 할 수 있다.proto__속성,단계별 검색,최종 중점 은 Object 이 며,반드시 거 쳐 야 할 길 은 function 입 니 다.그들의 관 계 는 마치 하나의 체인 으로 연결 되 는 것 처럼 우 리 는 이런 관 계 를 원형 체인 이 라 고 부른다.

이상 은 JS 의 원형 과 원형 체인 에 대한 상세 한 내용 입 니 다.JS 의 원형 과 원형 체인 에 관 한 자 료 는 저희 의 다른 관련 글 을 주목 해 주 십시오!

좋은 웹페이지 즐겨찾기