js单一继承和多重继承

最新推荐文章于 2021-06-30 22:59:42 发布

原创最新推荐文章于 2021-06-30 22:59:42 发布 · 598 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#call #apply

js继承专栏收录该内容

1 篇文章

订阅专栏

本文通过具体的JavaScript代码示例，介绍了单一继承和多重继承的概念及实现方式。单一继承利用构造函数和原型链实现属性和方法的继承；多重继承则通过组合多个基类的方法来实现更复杂的继承逻辑。

/*单一继承*/
function Animal(name,age){
this.name = name;
this.age = age||0;
this.showName = function(){
console.info('name:'+this.name);
}
this.showAge = function(){
console.info('age:'+this.age);
}
}

/*call*/
function Cat(name){
Animal.call(this, name);
}

var cat1 = new Cat("White Cat");
cat1.showName();
var cat2 = new Cat("Black Cat");
cat2.showName();

/*apply*/
function Dog(name,age){
var args=[];
args.push(name);
args.push(age);
Animal.apply(this,args)
}

var dog1=new Dog('dog1',1);
dog1.showName();
dog1.showAge();
var dog2=new Dog('dog2',2);
dog2.showName();
dog2.showAge();

/*多重继承*/
function Move(){
this.run = function(type){
var t = type||'running';
console.info('run:'+t);
}
}

function Druid(){
Animal.call(this);
Move.call(this);
}

var druid1=new Druid();
druid1.name='xd';
druid1.showName();
druid1.showAge();
druid1.run('travel');