프로토타입 상속의 여러 방법 소개

프로토타입 상속

부모:

    function Parent(name){
        this.name=name;
    }
    Parent.prototype.sayHello=function(){
        console.log("Hello,"+this.name);
    }

1. 프로토타입 체인 상속

   function Kid(){};
   Kid.prototype=new Parent("who");
   
   var k=new Kid();
   console.log(k.name); //who
   console.log(k.sayHello()); //Hello,who

   로그인 후 복사

   단점: 인스턴스를 생성할 때 부모에게 매개변수를 전달할 수 없습니다.

2. 구성적 상속

   function Kid(name){
       Parent.call(this,name);
   };
   
   var k=new Kid("who");
   console.log(k.name); //who
   console.log(k.sayHello()); //error

   로그인 후 복사

   단점: 수 없음 상위 레벨 프로토타입 체인 속성 획득

3. 인스턴스 상속

   function Kid(name){
       var p=new Parent(name);
       return p;
   };
   
   var k=new Kid("who");
   console.log(k.name); //who
   console.log(k.sayHello()); //Hello,who

   로그인 후 복사

   단점: 인스턴스는 상위 레벨의 인스턴스입니다.

4. 상속 복사

   function Kid(name){
       var p=new Parent(name);
       for(var item in p){
           Kid.prototype[item]=p[item];
       }
   }
   
   var k=new Kid("who");
   console.log(k.name); //who
   console.log(k.sayHello()); //Hello,who

   로그인 후 복사

   단점: 메모리를 너무 많이 차지합니다

5. 결합 상속

   function Kid(name){
       Parent.call(this,name);
   }
   Kid.prototype=new Parent();
   
   var k=new Kid("who");
   console.log(k.name); //who
   console.log(k.sayHello()); //Hello,who

   로그인 후 복사

   단점: 부모 클래스 생성자를 두 번 호출

6. 기생 조합 상속

   function Kid(name){
       Parent.call(this,name);
   }
   (function(){
       var p=function(){};
       p.prototype=Parent.prototype;
       Kid.prototype=new p();
   })()

   로그인 후 복사

   단점: 작성 방법이 더 번거롭다

   위 내용은 프로토타입 상속의 여러 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!