JS繼承之借用構造函數繼承和組合繼承

根據少一點套路，多一點真誠這個原則，繼續學習。

借用構造函數繼承

在解決原型中包含引用類型值所帶來問題的過程中，開發人員開始使用一種叫做借用構造函數
(constructor stealing）的技術（有時候也叫做偽造對象或經典繼承）。這種技術的基本思想相當簡單，即
在子類型構造函數的內部調用超類型構造函數。

基本模式

function SuperType(){
  this.colors = ["red", "blue", "green"];
}
function SubType(){
   //繼承了SuperType
  SuperType.call(this);
}
var instance1 = new SubType();
instance1.colors.push("black");
alert(instance1.colors); //"red,blue,green,black"
var instance2 = new SubType();
alert(instance2.colors); //"red,blue,green"

基本思想

借用構造函數的基本思想就是利用call或者apply把父類中通過this指定的屬性和方法復制（借用）到子類創建的實例中。因為this對象是在運行時基於函數的執行環境綁定的。也就是說，在全局中，this等於window，而當函數被作為某個對象的方法調用時，this等於那個對象。call 、apply方法可以用來代替另一個對象調用一個方法。call、apply 方法可將一個函數的對象上下文從初始的上下文改變為由 thisObj 指定的新對象。 　　

所以，這個借用構造函數就是，new對象的時候(注意，new操作符與直接調用是不同的，以函數的方式直接調用的時候，this指向window，new創建的時候，this指向創建的這個實例)，創建了一個新的實例對象，並且執行SubType里面的代碼，而SubType里面用call調用了SuperTyep，也就是說把this指向改成了指向新的實例，所以就會把SuperType里面的this相關屬性和方法賦值到新的實例上，而不是賦值到SupType上面。所有實例中就擁有了父類定義的這些this的屬性和方法。

優勢

相對於原型鏈而言，借用構造函數有一個很大的優勢，即可以在子類型構造函數中向超類型構造函數傳遞參數。因為屬性是綁定到this上面的，所以調用的時候才賦到相應的實例中，各個實例的值就不會互相影響了。

例如：

function SuperType(name){
this.name = name;
}
function SubType(){
//繼承了SuperType，同時還傳遞了參數
SuperType.call(this, "Nicholas");
//實例屬性
this.age = 29;
}
var instance = new SubType();
alert(instance.name); //"Nicholas";
alert(instance.age); //29

劣勢

如果僅僅是借用構造函數，那么也將無法避免構造函數模式存在的問題——方法都在構造函數中定義，因此函數復用就無從談起了。而且，在超類型的原型中定義的方法，對子類型而言也是不可見的，結果所有類型都只能使用構造函數模式。考慮到這些問題，借用構造函數的技術也是很少單獨使用的。

組合繼承

組合繼承（combination inheritance），有時候也叫做偽經典繼承。是將原型鏈和借用構造函數的技術組合到一塊，從而發揮二者之長的一種繼承模式。

基本思想

思路是使用原型鏈實現對原型屬性和方法的繼承，而通過借用構造函數來實現對實例屬性的繼承。這樣，既通過在原型上定義方法實現了函數復用，又能夠保證每個實例都有它自己的屬性。

基本模型

function SuperType(name){
  this.name = name;
  this.colors = ["red", "blue", "green"];
}
SuperType.prototype.sayName = function(){
   alert(this.name);
};
function SubType(name, age){
//繼承屬性
  SuperType.call(this, name);
  this.age = age;
}
//繼承方法
SubType.prototype = new SuperType();
SubType.prototype.constructor = SubType;
SubType.prototype.sayAge = function(){
alert(this.age);
};
var instance1 = new SubType("Nicholas", 29);
instance1.colors.push("black");
alert(instance1.colors); //"red,blue,green,black"
instance1.sayName(); //"Nicholas";
instance1.sayAge(); //29
var instance2 = new SubType("Greg", 27);
alert(instance2.colors); //"red,blue,green"
instance2.sayName(); //"Greg";
instance2.sayAge(); //27

優勢

組合繼承避免了原型鏈和借用構造函數的缺陷，融合了它們的優點，成為JavaScript 中最常用的繼承模式。

劣勢

組合繼承最大的問題就是無論什么情況下，都會調用兩次超類型構造函數：一次是在創建子類型原型的時候，另一次是在子類型構造函數內部。雖然子類型最終會包含超類型對象的全部實例屬性，但我們不得不在調用子類型構造函數時重寫這些屬性。

　　

 To be continued...