JavaScript实现继承的几种方式

六种：借用构造函数（经典继承）、原型链继承、实例继承、拷贝继承、组合式继承、寄生式组合继承

// 首先定义一个父类
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