javascript - Bitte lösen Sie die Vererbungsmethode von js!

<code>function person(name,age){
    this.name = name;
    this.age = age;
}
person.prototype.say = function(){
    console.log(this.name+":"+this.age);
}

function superman(name,age){
    person.call(this,name,age);
}
superman.prototype = new person();

var s = new superman('superman',29);
</code>

Ich habe diese Vererbungsmethode in einem Buch gesehen und sie soll perfekt sein, aber ich glaube nicht, weil sein Satz superman.prototype = new person(); die Instanzattribute der übergeordneten Klasse zum Prototyp der untergeordneten Klasse hinzufügt. Obwohl person.call(this,name,age);Ich habe die Instanzattribute der übergeordneten Klasse erhalten, habe aber das Gefühl, dass dies den Prototyp der Unterklasse verunreinigt.

Okay, das Problem ist gelöst, die Verwendung einer parasitären kombinierten Vererbung kann dieses Problem lösen

<code>function object(obj){
 function F(){}
 F.prototype = obj;
 return new F();
}

function inheritProtoType(SuperType,SubType){
     var prototype = object(SuperType.prototype);
     prototype.constructor = SubType;
     SubType.prototype = prototype;
}

function SuperType(){
    this.name = 'yuhualingfeng';
    this.friends = ['David','Bob','Lucy'];
}
SuperType.prototype.saySuperName = function(){
    console.log(this.name);
};

function SubType(){
    SuperType.call(this);
    this.age = 30;
}
inheritProtoType(SuperType,SubType);

SubType.prototype.saySubName = function(){
    console.log(this.name);
};

var subType = new SubType();
</code>

Antwortinhalt:

<code>function person(name,age){
    this.name = name;
    this.age = age;
}
person.prototype.say = function(){
    console.log(this.name+":"+this.age);
}

function superman(name,age){
    person.call(this,name,age);
}
superman.prototype = new person();

var s = new superman('superman',29);
</code>

Ich habe diese Vererbungsmethode in einem Buch gesehen und sie soll perfekt sein, aber ich glaube nicht, weil sein Satz superman.prototype = new person(); die Instanzattribute der übergeordneten Klasse zum Prototyp der untergeordneten Klasse hinzufügt. Obwohl person.call(this,name,age);Ich habe die Instanzattribute der übergeordneten Klasse erhalten, habe aber das Gefühl, dass dies den Prototyp der Unterklasse verunreinigt.

Okay, das Problem ist gelöst, die Verwendung einer parasitären kombinierten Vererbung kann dieses Problem lösen

<code>function object(obj){
 function F(){}
 F.prototype = obj;
 return new F();
}

function inheritProtoType(SuperType,SubType){
     var prototype = object(SuperType.prototype);
     prototype.constructor = SubType;
     SubType.prototype = prototype;
}

function SuperType(){
    this.name = 'yuhualingfeng';
    this.friends = ['David','Bob','Lucy'];
}
SuperType.prototype.saySuperName = function(){
    console.log(this.name);
};

function SubType(){
    SuperType.call(this);
    this.age = 30;
}
inheritProtoType(SuperType,SubType);

SubType.prototype.saySubName = function(){
    console.log(this.name);
};

var subType = new SubType();
</code>

Object.create(Person.prototype);

Dies kann effektiv gelöst werden, aber achten Sie bitte auf die Kompatibilität

<code>function create(obj) {
    if (Object.create) {
        return Object.create(obj);
    }

    function f() {};
    f.prototype = obj;
    return new f();
}</code>

Erbt person.prototype

Erben statt verschmutzen