面向對象那些事（二）

1.對象之間的繼承（5種方法）
前提條件：

現在有一個”動物”對象的構造函數。

　　function Animal(){

　　　　this.species = “動物”;

　　}

還有一個”貓”對象的構造函數。

　　function Cat(name,color){

　　　　this.name = name;

　　　　this.color = color;

　　}
　
　（1）.

使用call或apply方法，將父對象的構造函數綁定在子對象上，即在子對象構造函數中加一行：

function Cat(name,color){

　　　　Animal.apply(this, arguments);
　　　　


　　　　this.name = name;

　　　　this.color = color;

　　}

　　var cat1 = new Cat("大毛","黃色");

　　alert(cat1.species); // 動物

（2）.

prototype模式

Cat.prototype = new Animal();
//任何一個prototype對象都有一個constructor屬性，指向它的構造函數
　　Cat.prototype.constructor = Cat;

　　var cat1 = new Cat("大毛","黃色");

　　alert(cat1.species); // 動物

（3）.

直接繼承prototype

function Animal(){ }

　　Animal.prototype.species = "動物";

然後，將Cat的prototype對象，然後指向Animal的prototype對象，這樣就完成了繼承。

　Cat.prototype = Animal.prototype;

　　Cat.prototype.constructor = Cat;

　　var cat1 = new Cat("大毛","黃色");

　　alert(cat1.species); // 動物

與前一種方法相比，這樣做的優點是效率比較高（不用執行和建立Animal的實例了），比較省內存。缺點是 Cat.prototype和Animal.prototype現在指向了同一個對象，那麼任何對Cat.prototype的修改，都會反映到Animal.prototype。

所以，上面這一段代碼其實是有問題的。請看第二行

Cat.prototype.constructor = Cat;

這一句實際上把Animal.prototype對象的constructor屬性也改掉了！

　　alert(Animal.prototype.constructor); // Cat

（4）.

 利用空對象作爲中介

由於”直接繼承prototype”存在上述的缺點，所以就有第四種方法，利用一個空對象作爲中介。

　　var F = function(){};

　　F.prototype = Animal.prototype;

　　Cat.prototype = new F();

　　Cat.prototype.constructor = Cat;

F是空對象，所以幾乎不佔內存。這時，修改Cat的prototype對象，就不會影響到Animal的prototype對象。

　　alert(Animal.prototype.constructor); // Animal

我們將上面的方法，封裝成一個函數，便於使用。

　　function extend(Child, Parent) {

　　　　var F = function(){};

　　　　F.prototype = Parent.prototype;

　　　　Child.prototype = new F();

　　　　Child.prototype.constructor = Child;

　　　　Child.uber = Parent.prototype;

　　}

使用的時候，方法如下

　　extend(Cat,Animal);

　　var cat1 = new Cat(“大毛”,”黃色”);

　　alert(cat1.species); // 動物

這個extend函數，就是YUI庫如何實現繼承的方法。

另外，說明一點，函數體最後一行

　　Child.uber = Parent.prototype;

意思是爲子對象設一個uber屬性，這個屬性直接指向父對象的prototype屬性。（uber是一個德語詞，意思是”向上”、”上一層”。）這等於在子對象上打開一條通道，可以直接調用父對象的方法。這一行放在這裏，只是爲了實現繼承的完備性，純屬備用性質。

（5）

拷貝繼承

不建議使用

總結：：