js 상용 상속-조합 식 상속
function SuperType(name){
this.name=name;
this.colors=["red","blue","green"];
}
SuperType.prototype.sayName=function(){
console.log(this.name);
}
function SubType(name,age){
SuperType.call(this,name);
this.age=age;
}
SubType.prototype=new SuperType();
SubType.prototype.constructor=SubType;
SubType.prototype.sayAge=function(){
console.log(this.age);
}
var instance1=new SubType("zxf",24);
instance1.colors.push("black");
console.log(instance1.colors);//["red","blue","green","black"]
instance1.sayName();//"zxf"
instance1.sayAge();//24
var instance2=new SubType("jay",36);
console.log(instance2.colors);//["red","blue","green"]
instance2.sayName();//"jay"
instance2.sayAge();//36
이 예 에서 슈퍼 type 구조 함 수 는 두 개의 속성,name 과 colors 를 정의 합 니 다.슈퍼 type 의 원형 은 하나의 방법 sayname()을 정의 합 니 다.subtype 구조 함수 가 슈퍼 type 을 호출 할 때 name 인자 가 들 어 왔 고 이 어 자신의 속성 age 를 정의 했다.그리고 슈퍼 type 의 실례 값 을 subtype 의 원형 에 부여 한 다음 에 이 새로운 원형 에 방법 sayage()를 정의 했다.이렇게 하면 두 개의 서로 다른 subtype 인 스 턴 스 가 속성 을 가 질 수 있 습 니 다.colors 속성 을 포함 하고 같은 방법 을 사용 할 수 있 습 니 다.조합 식 계승 단점 은 슈퍼 type 구조 함 수 를 두 번 호출 했 습 니 다.한 번 은 subtype 의 원형 을 할당 할 때 한 번 은 인 스 턴 스 화 서브 클래스 에서 콜 호출 되 었 습 니 다.이번 호출 은 원형 중의 두 개의 동명 속성 을 차단 합 니 다.
참고서:Javascript 고급 프로 그래 밍(제3 판);
이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.