JavaScript物件導向編程（7）只繼承prototype

JavaScript物件導向編程（7）只繼承prototype

上一講我們學會了通過原型來繼承父類執行個體的屬性，即用prototype指向一個父類執行個體。

這樣做我們需要人為地執行個體化一個父類對象，而且如果父類中有一些特別的屬性和行為子類有可能是用不到。

由此我們自然會想，有沒有一種辦法只將一些公用屬性和行為公開，讓子類來繼承呢？

做法很簡單，就是將這些公用的屬性和行為全部定義到父類的prototype中。

function Shape(){}Shape.prototype.name = 'shape';Shape.prototype.toString = function() {return this.name;};

有一個2d形狀的類，只需複用Shape的prototype（也是一個對象）的屬性，就可以這樣做

function TwoDShape(){}//先繼承TwoDShape.prototype = Shape.prototype;//與之前不同TwoDShape.prototype.constructor = TwoDShape;//重寫TwoDShape.prototype.name = '2D shape';

同理，三角形Triangle是一種典型的2d形狀，它可以有自己的屬性和行為，同時又需要繼承TwoDShape的屬性：

function Triangle(side, height) {this.side = side;this.height = height;this.getArea = function(){return this.side * this.height / 2;};}Triangle.prototype = TwoDShape.prototype;Triangle.prototype.constructor = Triangle;//重寫Triangle.prototype.name="Triangle";

測試一下效果：

var my = new Triangle(5, 10);/**/alert(my.getArea());alert(my.toString());//自己沒有toString方法，繼承而來alert(my.constructor);alert(my instanceof TwoDShape);//有繼承的特性alert(my instanceof Shape);

但是問題也出現了：

var shape = new Shape();alert(shape.name);//壞了，重寫變成了改寫。。。

列印shape.name彈出的是 Triangle

這是因為Triangle.prototype TwoDShape.prototype Shape.prototype指向的都是同一個對象，使用前最後一次修改決定了使用時的狀態。

既然我們想到了用prototype來封裝共性的供子類複用的屬性和行為，那麼我們可以堅持這種做法，但是目前這種寫法帶來的問題又該如何解決呢？請看下回分解！！