Qu'est-ce que l'héritage combiné en JS ? Introduction à l'héritage combiné js

Ce que cet article vous apporte, c'est quel est l'héritage combiné de JS ? L'introduction de l'héritage combiné js a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère que cela vous sera utile.

Héritage combiné

L'héritage combiné, parfois aussi appelé héritage pseudo-classique, fait référence à : la combinaison de la chaîne de prototypes et d'un modèle d'héritage qui emprunte les techniques de constructeurs et les combine pour profiter du meilleur des deux mondes.

Idée d'implémentation : utilisez la chaîne de prototypes pour réaliser l'héritage des méthodes et méthodes prototypes, et empruntez le constructeur pour réaliser l'héritage des attributs d'instance.

De cette manière, la réutilisation des fonctions est réalisée en définissant des méthodes sur le prototype, et il est également assuré que chaque objet instance a ses propres attributs.

function SuperType(name){
    this.name = name;
    this.colors = ["red","green","blue"];
}

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("Shaw", 18);
instance1.colors.push("black");
console.log(instance1.colors); //["red","green","blue","black"]
instance1.sayName(); // "Shaw"
instance1.sayAge(); // 18

var instance2 = new SubType("Roc", 19);
console.log(instance2.colors); // ["red", "green", "blue"]
instance2.sayName(); // "Roc"
instance2.sayAge(); // 19

Dans le code ci-dessus, le constructeur SuperType définit deux attributs : le nom et les couleurs.

définit une méthode sayName() sur le prototype de SuperType.

Le constructeur SubType transmet le paramètre name lors de l'appel du constructeur SuperType, puis définit son propre attribut age.

Ensuite, attribuez l'objet d'instance SuperType au prototype SubType, puis définissez la méthode sayAge() et

sur le nouveau prototype de cette manière, deux objets d'instance SubType différents n'ont pas seulement. leurs propres propriétés - y compris la propriété colours, mais peuvent également utiliser la même méthode.

La composition évite les défauts des chaînages de prototypes et des constructeurs empruntés, et combine leurs avantages. Devenir le modèle d'héritage le plus couramment utilisé en JavaScript. De plus, les méthodes des opérateurs instanceof et isPrototypeOf() peuvent également être utilisées pour identifier des objets créés sur la base de l'héritage compositionnel.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!