js中继承的实现方式

 今天开始学习js,看到了js继承的方式.记录下来:

利用对象的call方法对父类进行初始化:下面用经典的图形例子来说明:

先定义一个形状Polygon

function Polygon(iSides) {    
    this.sides = iSides;    
 }    
     
 Polygon.prototype.getArea = function() {    
    return 0;    
 }   

下面定义两个子类,一个三角形Triangle,一个矩形Rectangle:

三角形;

function Triangle(iBase,iHeight) {    
    //key:initialize base class    
    Polygon.call(this,3);    
    this.base = iBase;    
    this.height = iHeight;    
 }    
     
 Triangle.prototype = new Polygon();    
     
 //override base class mothed    
 Triangle.prototype.getArea = function() {    
    return 0.5 * this.base * this.height;    
 }   

矩形:

function Rectangle(iLenght,iWidth) {    
    Polygon.call(this,4);    
    this.length = iLenght;    
    this.width = iWidth;    
 }    
     
 Rectangle.prototype = new Polygon();    
     
 Rectangle.prototype.getArea = function() {    
    return this.length * this.width;    
 }   

测试一下:

function testFunc() ...{    
    var triangle = new Triangle(12,4);    
    var rectangle = new Rectangle(22,10);    
//  alert(triangle.sides);    
//  alert(triangle.getArea());    
    alert("[ " +triangle.sides + " : " + triangle.getArea() + " ][ " + rectangle.sides + " : " + rectangle.getArea() + " ]");    
        
 }   

新建一个html界面进行调用,用于本js是定义到一个单独的js文件中,需要在html中引入此js文件

<script>"text/javascript" src="test.js"></script>