继承

继承

• 许多OO语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，实现继承则继承实际的方法。由于ES中函数没有签名（也是无重载的原因），无法实现接口继承，只支持实现继承。
• 原型链：利用原型让一个引用类型继承另一个引用类型的属性和方法。
• 构造函数、原型和实例三者关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针

实现继承的方法

• 父类

    //定义一个鸟类
    function Bird(name) {
        //属性
        this.name = name || 'Bird'
        //实例方法
        this.fly = function() {
            console.log(this.name + '正在飞！')
        }
    }
    //原型方法
    Bird.prototype.eat = function(food) {
        console.log(this.name + '正在吃' + food);
    };
  

1. 原型链继承：将父类的实例作为子类的原型

    function Pigeon() {
        // 不能放到构造器
    }
    Pigeon.prototype = new Bird();
    Pigeon.prototype.name = 'Pigeon';
    //检测
    var pigeon = new Pigeon();
    console.log(pigeon.name);
    console.log(pigeon.fly());
    console.log(pigeon.eat(rice))
   

• 缺点：

1. 要想为子类新增属性和方法，必须要在new Animal()这样的语句之后执行，不能放到构造器中
2. 无法实现多继承
3. 来自原型对象的引用属性是所有实例共享的,针对父类实例引用类型成员的更改，会通过影响其他子类实例
4. 创建子类实例时，无法向父类构造函数传参

2. 构造继承：使用父类的构造函数来增强子类实例，等于是复制父类的实例属性给子类（没用到原型）

    function Pigeon(name) {
        Bird.call(this);
        this.name = 'Pigeon' || name;
    }
    //检测
    var pigeon = new Pigeon();
    console.log(pigeon.name);
    console.log(pigeon.fly());//只能继承实例方法
    console.log(pigeon instanceof Bird);// false,不是父类的实例，只是子类的实例
   

• 缺点：

1. 实例并不是父类的实例，只是子类的实例
2. 只能继承父类的实例属性和方法，不能继承原型属性/方法
3. 无法实现函数复用，每个子类都有父类实例函数的副本，影响性能

3. 组合继承：通过调用父类构造器，继承父类的属性并保留传参的有优点，然后将父类实例作为子类原型，实现函数复用

    function Pigeon(name) {
        Bird.call(this);//一份实例
        this.name = 'Pigeon' || name;
    }
    Pigeon.prototype = new Bird();//另一份实例
    Pigeon.prototype.constructor = Cat;//组合继承需要修复构造函数的指向
    //检测
    var pigeon = new Pigeon();
    console.log(pigeon.name);
    console.log(pigeon.fly());
   

• 缺点：

1. 调用了两次父类构造器，生成了两份实例

4. 寄生组合继承：通过寄生方式，砍掉父类的实例属性，这样在调用两次父类构造函数的时候，就不会初始化两次实例方法/属性，避免了组合继承的缺点

    function Pigeon(name) {
        Bird.call(this);
        this.name = 'Pigeon' || name;
    }
    (function() {
        // 创建一个没有实例方法的类
        var Super = function() {};
        Super.prototype = Bird.prototype;
        // 将实例作为子类的原型
        Pigeon.prototype = new Super();
    })();
    Pigeon.prototype.constructor = Pigeon;//修复指向构造函数的指针
    //测试
    var pigeon = new Pigeon();
    console.log(pigeon.name);
    console.log(pigeon.fly());
    console.log(pigeon.eat(rice));
    console.log(pigeon instance of Pigeon);/true
    console.log(pigeon instance of Bird);//true