js经典继承

最新推荐文章于 2022-11-11 19:12:17 发布

wen_binObject

最新推荐文章于 2022-11-11 19:12:17 发布

阅读量455

点赞数

分类专栏：个人日记 javascript

个人日记同时被 2 个专栏收录

70 篇文章

订阅专栏

javascript

28 篇文章

订阅专栏

本文通过一个具体示例展示了如何使用组合继承（也称为伪经典继承）在JavaScript中实现对象继承。这种方式结合了构造函数和原型链的优点，使得子类型能够继承父类型的属性和方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//组合继承(伪经典继承)
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);
};
const instance1 = new SubType("Nicholas",29);
instance1.colors.push('black');
console.log(instance1.colors);//'red,blue,green,black';
instance1.sayName();//'Nicholas';
instance1.sayAge();//29
const instance2 = new SubType('Greg',27);
console.log(instance2.colors);//'red,blue,green'
instance2.sayName();//'Greg'
instance2.sayAge();//27