JavaScript面向对象编程（7）只继承prototype

上一讲我们学会了通过原型来继承父类实例的属性，即用prototype指向一个父类实例。

这样做我们需要人为地实例化一个父类对象，而且如果父类中有一些特别的属性和行为子类有可能是用不到。

由此我们自然会想，有没有一种办法只将一些公共属性和行为公开，让子类来继承呢？

做法很简单，就是将这些公共的属性和行为全部定义到父类的prototype中。

1
2
3
4
5
6
1function Shape(){

2   

3}

4Shape.prototype.name = 'shape';

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

6

有一个2d形状的类，只需复用Shape的prototype（也是一个对象）的属性，就可以这样做

1
2
3
4
5
6
7
8
9
1function TwoDShape(){

2   

3}

4//先继承

5TwoDShape.prototype = Shape.prototype;//与之前不同

6TwoDShape.prototype.constructor = TwoDShape;

7//重写

8TwoDShape.prototype.name = '2D shape';

9

1
2
1  同理，三角形Triangle是一种典型的2d形状，它可以有自己的属性和行为，同时又需要继承TwoDShape的属性： 

2

1
2
3
4
5
6
7
8
9
10
1function Triangle(side, height) {

2   this.side = side;

3   this.height = height;

4   this.getArea = function(){return this.side * this.height / 2;};

5}

6Triangle.prototype = TwoDShape.prototype;

7Triangle.prototype.constructor = Triangle;

8//重写

9Triangle.prototype.name="Triangle";

10

1
2
1  测试一下效果： 

2

1
2
3
4
5
6
7
8
1var my = new Triangle(5, 10);

2/**/

3alert(my.getArea());

4alert(my.toString());//自己没有toString方法，继承而来

5alert(my.constructor);

6alert(my instanceof TwoDShape);//有继承的特性

7alert(my instanceof Shape);

8

1
2
1  但是问题也出现了： 

2

1
2
3
1var shape = new Shape();

2alert(shape.name);//坏了，重写变成了改写。。。

3

1
2
1  打印shape.name弹出的是 **Triangle** 

2

这是因为Triangle.prototype  TwoDShape.prototype  Shape.prototype指向的都是同一个对象，使用前最后一次修改决定了使用时的状态。

既然我们想到了用prototype来封装共性的供子类复用的属性和行为，那么我们可以坚持这种做法，但是目前这种写法带来的问题又该如何解决呢？请看下回分解！！