js繼承之組合繼承（結合原型鏈繼承 和 借用構造函數繼承）

1、回顧借用構造函數繼承的缺點

先看咱們以前在借用構造函數繼承中最後用到的代碼：

//父類：人
    function Person () {
      this.head = '腦殼瓜子';
      this.emotion = ['喜', '怒', '哀', '樂']; //人都有喜怒哀樂
      this.eat = function () {
        console.log('吃吃喝喝');
      }
      this.sleep = function () {
        console.log('睡覺');
      }
      this.run = function () {
        console.log('快跑');
      }
    }
    //子類：學生，繼承了「人」這個類
    function Student(studentID) {
      this.studentID = studentID;
      Person.call(this);
    }
    
    //Student.prototype = new Person();

    var stu1 = new Student(1001);
    console.log(stu1.emotion); //['喜', '怒', '哀', '樂']

    stu1.emotion.push('愁');
    console.log(stu1.emotion); //["喜", "怒", "哀", "樂", "愁"]
    
    var stu2 = new Student(1002);
    console.log(stu2.emotion); //["喜", "怒", "哀", "樂"]

在這段代碼中，咱們經過借用構造函數繼承，保證了 stu1 和 stu2 都有各自的父類屬性副本，從而使得各自 emotion 互不影響。但同時帶來的問題是，stu1 和 stu2 都拷貝了 Person 類中的全部屬性和方法，而在 Person 類中，像 eat ( ), sleep ( ), run ( ) 這類方法應該是公用的，而不須要添加到每一個實例上去，增大內存，尤爲是這類方法較多的時候。

 

2、結合使用兩種繼承模式

　　因此咱們想到，是否能把這些方法掛載到父類的原型對象上去，實現方法複用，而後子類經過原型鏈繼承，就能調用這些方法啦？～

//父類：人
    function Person () {
      this.head = '腦殼瓜子';
      this.emotion = ['喜', '怒', '哀', '樂']; //人都有喜怒哀樂
    }
    //將 Person 類中需共享的方法放到 prototype 中，實現複用
    Person.prototype.eat = function () {
      console.log('吃吃喝喝');
    }
    Person.prototype.sleep = function () {
      console.log('睡覺');
    }
    Person.prototype.run = function () {
      console.log('快跑');
    }
    //子類：學生，繼承了「人」這個類
    function Student(studentID) {
      this.studentID = studentID;
      Person.call(this);
    }
    
    Student.prototype = new Person();  //此時 Student.prototype 中的 constructor 被重寫了，會致使 stu1.constructor === Person
    Student.prototype.constructor = Student;  //將 Student 原型對象的 constructor 指針從新指向 Student 自己

    var stu1 = new Student(1001);
    console.log(stu1.emotion); //['喜', '怒', '哀', '樂']

    stu1.emotion.push('愁');
    console.log(stu1.emotion); //["喜", "怒", "哀", "樂", "愁"]
    
    var stu2 = new Student(1002);
    console.log(stu2.emotion); //["喜", "怒", "哀", "樂"]

    stu1.eat(); //吃吃喝喝
    stu2.run(); //快跑
    console.log(stu1.constructor);  //Student

首先，咱們將 Person 類中須要複用的方法提取到 Person.prototype 中，而後設置 Student 的原型對象爲 Person 類的一個實例，這樣 stu1 就能訪問到 Person 原型對象上的屬性和方法了。其次，爲保證 stu1 和 stu2 擁有各自的父類屬性副本，咱們在 Student 構造函數中，仍是使用了 Person.call ( this ) 方法。如此，結合原型鏈繼承和借用構造函數繼承，就完美地解決了以前這兩者各自表現出來的缺點。