六种:借用构造函数(经典继承)、原型链继承、实例继承、拷贝继承、组合式继承、寄生式组合继承
// 首先定义一个父类
function Animal(name){
this.name=name || 'Animal'
this.sayname=function(){
console.log("my name is "+this.name)
}
}
//原型上的方法
Animal.prototype.eat = function(food){
console.log(this.name + '正在吃' + food)
}
1.借用构造函数(经典继承)
//1.构造函数,优点是可以多重继承,缺点是只能继承构造函数内的,原型上的东西不能继
function Cat(name,age){
Animal.call(this,name)
this.age=age
}
let cat=new Cat("妙妙",1)
cat.sayname()
console.log(cat instanceof Animal) //false
console.log(cat instanceof Cat) //true
2.原型链继承
//2.原型链继承 优点是简单,父类上新增的方法属性子类都能访问的到。
//缺点是无法多重继承,要想为子类新增属性和方法,必须在 new Animal这样语句后,不能放到构造器
function Dog(name){
this.name=name
}
Dog.prototype=new Animal()
let dog =new Dog('旺财')
dog.sayname();dog.eat('bone')
console.log(dog instanceof Animal) //true
console.log(dog instanceof Dog) //true
3.实例继承
//3.实例继承 不限制调用方式,缺点就是实例是父类的实例,不是子类的实例,不支持多继承
function Bird(name){
let instance= new Animal()
instance.name= name || 'bird'
return instance
}
let bird =new Bird("飞飞")
bird.sayname();bird.eat("虫子")
console.log(bird instanceof Animal) //true
console.log(bird instanceof Bird) //false
4.拷贝继承
function Cow(name){
let animal=new Animal()
for (let key in animal){
console.log("key",key)
Cow.prototype[key]=animal[key]
}
Cow.prototype.name=name || 'cow'
}
let cow =new Cow("哞~")
cow.sayname();cow.eat("草")
console.log(cow instanceof Animal) //false
console.log(cow instanceof Cow) //true
5.组合继承(原型链和构造函数)
//5.组合继承 构造函数和原型的组合。可以继承实例/原型的属性和方法,函数可以复用,可传参。缺点调用了两次构造函数,生成了两个实例(子实例将子原型上的那份屏蔽了)
//核心是通过调用父类构造,继承父类属性并保存传参的优点然后通过将父类实例作为子类原型,实现函数复用
function Sheep(name){
Animal.call(this)
this.name=name || "羊"
}
Sheep.prototype=new Animal()
let sheep=new Sheep("喜洋洋")
sheep.sayname();sheep.eat("草")
console.log(sheep instanceof Animal) //true
console.log(sheep instanceof Sheep) //true
6.寄生式组合继承
//6.寄生式组合继承 缺点就是实现起来比较复杂,优点多多
核心:通过调用父类构造,继承父类的属性并保留传参的优点,然后通过将父类实例作为子类原型,实现函数复用
function Horse(name){
Animal.call(this)
this.name = name || '马'
}
(function(){
var Super = function(){} //创建一个没有实例的方法类
Super.prototype =Animal.prototype
Horse.prototype=new Super() //将实例作为子类的原型
})()
let horse = new Horse('白龙马')
horse.sayname()
console.log(horse instanceof Animal) //true
console.log(horse instanceof Horse) //true