原型鏈的缺陷

1.引用類型的值在原型鏈傳遞中存在的問題
js中有簡單數(shù)據(jù)類型和引用數(shù)據(jù)類型(復雜數(shù)據(jù)類型)，引用類型的值有一個特點：在賦值的時候猴伶，傳遞給變量的其實是它在內(nèi)存當中的地址。被賦值完的變量相當于一個指針膛壹。這樣一來就有大問題了拣帽，上代碼：

function Father() {
  this.name = 'father';
  this.hobby = ['sport', 'read'];
}

function Son() {

}
Son.prototype = new Father();

let son1 = new Son();
let son2 = new Son();
console.log(son1.name);
console.log(son2.name);
console.log(son1.hobby);
console.log(son2.hobby);

接著我們修改一下son1的hobby和name屬性看看：

son1.name = 'son';
son1.hobby.push('play games');
console.log(son1);
console.log(son2);
console.log(son2.name);
console.log(son1.hobby);
console.log(son2.hobby);

打印結(jié)果如下：

2.第二個缺陷是：在創(chuàng)建子類型的實例時距芬，是無法向父類型的構(gòu)造函數(shù)中傳遞參數(shù)的涝开，在上面的例子中，如果Father的name屬性是要傳遞數(shù)的框仔，而不是寫死的舀武，那么我們在實例化son1和son2的時候根本沒辦法傳參。

借用構(gòu)造函數(shù)繼承

為了解決引用類型值帶來的問題离斩，我們采用借用構(gòu)造函數(shù)繼承的方式银舱，它的核心思路是：在子類型的構(gòu)造函數(shù)中調(diào)用父類型的構(gòu)造函數(shù)，這里需要借助call()或者apply()方法跛梗，具體代碼如下：

function Father() {
  this.name = 'father';
  this.hobby = ['sport', 'read'];
}

function Son() {
  Father.call(this);
}

let son1 = new Son();
let son2 = new Son();
console.log(son1.name);
console.log(son2.name);
console.log(son1.hobby);
console.log(son2.hobby);

son1.name = 'son';
son1.hobby.push('play games');
console.log('------------------');
console.log(son1);
console.log(son2);
console.log(son2.name);
console.log(son1.hobby);
console.log(son2.hobby);

打印結(jié)果：

function Father(name) {
  this.name = name;
  this.hobby = ['sport', 'read'];
}

function Son(name) {
  Father.call(this, name);
}

let son1 = new Son('Jack');
let son2 = new Son('Bob');
console.log(son1.name);
console.log(son2.name);
console.log(son1.hobby);
console.log(son2.hobby);

打印結(jié)果如下：

組合繼承

我們了解了原型鏈繼承和借用構(gòu)造函數(shù)繼承后，我們可以發(fā)現(xiàn)這兩種繼承是互補的一個關(guān)系咬像。

• 原型鏈繼承可以把方法定義在原型上算撮，從而復用方法。
• 借用構(gòu)造函數(shù)繼承可以解決引用類型值的繼承問題和傳遞參數(shù)的問題县昂。
  因此肮柜，我們可以結(jié)合這兩種方法，就誕生了組合繼承倒彰，具體代碼實現(xiàn)如下：

function Father(name) {
  this.name = name;
  this.hobby = ['sport', 'read'];
}
Father.prototype.sayF = function () {
  console.log('father');
}

function Son(name, age) {
  Father.call(this, name);
  this.age = age;
}
Son.prototype = new Father();
Son.prototype.constructor = Son;
Son.prototype.sayS = function () {
  console.log('son');
}

let son1 = new Son('Jack', 20);
let son2 = new Son('Bob', 24);
console.log(son1);
console.log(son2);
son1.sayF();
son2.sayS();

打印結(jié)果如下：