组合继承

最新推荐文章于 2025-09-13 09:06:35 发布

weixin_30920597

最新推荐文章于 2025-09-13 09:06:35 发布

阅读量48

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liululu/p/5868433.html

组合继承，有时候也叫伪经典继承，指的是将原型链和借用构造函数的技术组合到一起，从而发挥两者之长的一种继承模式。
组合继承的思路是使用原型链的方式实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。
这样，既通过在原型上定义方法实现了函数复用，又能保证每个实例都有自己的属性。

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


var instance2=new SubType("summer2",22);

console.log(instance2.colors); // ["red", "blue", "green"]

instance2.sayName(); // summer2
instance2.sayAge(); // 22

 在这个例子中，SuperType中定义了两个属性name和colors，SuperType的原型定义了一个方法sayName(),
SubType构造函数在调用SuperType构造函数时传入了name参数，紧接着又定义了自己的属性age，然后，将SuperType的实例赋值给SubType的原型，
然后又在该原型中定义了自己的方法sayAge(),这样一来，就可以让两个SubType的实例既拥有自己的属性（包括colors属性），又可以使用相同的方法。


 优点：组合继承避免了原型链和借用构造函数的缺陷，融合了他们的优点，成为javascript中最常用的继承模式。而且，instanceof()和isPrototypeOf()也能够识别基于组合方式创建的对象

转载于:https://www.cnblogs.com/liululu/p/5868433.html