《javascript高级程序设计》学习笔记（六）：javascript 实现类的继承

废话不说，直接说类的最好的继承方式：

混合方式，即用对象冒充继承构造函数的属性，用原型链继承prototype对象的方法：

看了例子就明白：

function ClassA(sColor){

this.color = sColor;

}

ClassA.prototype.sayColor = function (){

alert(this.color);

}

function ClassB(sColor,sName){

ClassA.call(this,sColor); //冒充继承，call

this.name = sName;

}

ClassB.prototype = new ClassA();//原型链继承

ClassB.prototype.sayName = function (){

alert(this.name);

}

var objA = new ClassA("red");

var objB = new ClassB("blue","kit");

objA.sayColor();//outputs "red"

objB.sayColor();//outputs "blue"

objB.sayName(); //outputs "kit"

更为实际的例子：

基类：多边形Polygon (属性：side--边的个数；方法：getArea()--计算面积)

子类1：三角形Triangle(增加属性：base--底,height--高 ；重写方法：getArea()--低×高/2)

子类2：矩形Rectangle(增加属性：length--长,width--宽；重写方法：getArea()--长×宽)

UML如图：



//类Polygon：

function Polygon(iSides){

this.side = iSides;

}

Polygon.prototype.getArea = function (){

return 0;

}

//类Triangle：

function Triangle(iBase,iHeight){

Polygon.call(this,3);

this.base = iBase;

this.height = iHeight;

}

Triangle.prototype = new Polygon();

Triangle.prototype.getArea = function(){

return 0.5 * this.base * this.height;

}

//类：Rectangle

function Rectangle(iLength,iWidth){

Polygon.call(this,4);

this.length = iLength;

this.width = iWidth;

}

Rectangle.prototype = new Polygon();

Rectangle.prototype.getArea = function(){

return this.length * this.width;

}

//测试：

var objTriangle = new Triangle(5,6);

var objRectangle = new Rectangle(22,10);

alert(objTriangle.side);

alert(objTriangle.getArea());

alert(objRectangle.side);

alert(objRectangle.getArea());