品易云推流 关闭
文章详情页
文章 > JavaScript > javascript组合继承是什么

javascript组合继承是什么

头像

小妮浅浅

2021-06-08 11:59:22888浏览 · 0收藏 · 0评论

1、说明

用原型链实现原型属性和方法的继承,借用构造函数技术实现实例属性的继承。

2、缺点

组合模式的缺点是使用子类制作实例对象时,其原型有两种相同的属性、方法。

3、实例

function SuperType(name){
  this.name = name;
  this.colors = ["red", "blue", "green"];
}
SuperType.prototype.sayName = function(){
  alert(this.name);
};
 
function SubType(name, age){
  // 继承属性
  // 第二次调用SuperType()
  SuperType.call(this, name);
  this.age = age;
}
 
// 继承方法
// 构建原型链
// 第一次调用SuperType()
SubType.prototype = new SuperType();
// 重写SubType.prototype的constructor属性,指向自己的构造函数SubType
SubType.prototype.constructor = SubType;
SubType.prototype.sayAge = function(){
    alert(this.age);
};
 
var instance1 = new SubType("Nicholas", 29);
instance1.colors.push("black");
alert(instance1.colors); //"red,blue,green,black"
instance1.sayName(); //"Nicholas";
instance1.sayAge(); //29
 
var instance2 = new SubType("Greg", 27);
alert(instance2.colors); //"red,blue,green"
instance2.sayName(); //"Greg";
instance2.sayAge(); //27

以上就是javascript组合继承的介绍,希望对大家有所帮助。更多Javascript学习指路:Javascript

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图