javascript 继承之创建子类
2012-01-17 15:11
253 查看
<script type="text/javascript">
function Ploygon(side) //父类:主要属性有多边形的边数和获得多边形的面积的方法。
{
this.sides = side;
}
Ploygon.prototype.getArea = function(){
return 0;
}
function Triangle(IBase,IWidth) //三角形
{
Ploygon.call(this,3); //通过,function.call()将多边形的边数传递给基类
this.base = IBase;
this.width = IWidth;
}
Triangle.prototype = new Ploygon(); //继承基类
Triangle.prototype.getArea = function() //用本身的getArea()方法覆盖父类的getArea()方法
{
return 0.5*this.base*this.width;
}
function Rectangle(ILength,IWidth)
{
Ploygon.call(this,4);
this.length = ILength;
this.width = IWidth;
}
Rectangle.prototype = new Ploygon();
Rectangle.prototype.getArea = function()
{
return this.length*this.width;
}
var tri=new Triangle(6,10);
alert(tri.sides);
alert(tri.getArea());
var rec = new Rectangle(10,20);
alert(rec.sides);
alert(rec.getArea())
</script>
通过如上方式,就可以通过访问基类的属性,并且可以重写基类的方法。
function Ploygon(side) //父类:主要属性有多边形的边数和获得多边形的面积的方法。
{
this.sides = side;
}
Ploygon.prototype.getArea = function(){
return 0;
}
function Triangle(IBase,IWidth) //三角形
{
Ploygon.call(this,3); //通过,function.call()将多边形的边数传递给基类
this.base = IBase;
this.width = IWidth;
}
Triangle.prototype = new Ploygon(); //继承基类
Triangle.prototype.getArea = function() //用本身的getArea()方法覆盖父类的getArea()方法
{
return 0.5*this.base*this.width;
}
function Rectangle(ILength,IWidth)
{
Ploygon.call(this,4);
this.length = ILength;
this.width = IWidth;
}
Rectangle.prototype = new Ploygon();
Rectangle.prototype.getArea = function()
{
return this.length*this.width;
}
var tri=new Triangle(6,10);
alert(tri.sides);
alert(tri.getArea());
var rec = new Rectangle(10,20);
alert(rec.sides);
alert(rec.getArea())
</script>
通过如上方式,就可以通过访问基类的属性,并且可以重写基类的方法。
相关文章推荐
- javascript中用构造函数创建对象以及基类与子类间的继承
- JavaScript2种构造函数创建对象的模式以及继承的实现
- JAVASCRIPT 对象的创建和对6种继承模式的理解和遐想
- javaScript 和 prototype类的创建与继承
- javascript 创建对象——类,继承
- 在没有类的情况下,JavaScript如何创建对象、实现继承?
- [javascript]js中类的创建和继承
- JavaScript 匿名函数、模块模式、闭包、命名空间、创建构造器(类)、继承
- JavaScript之对象实例的创建和继承
- javascript 面向对象的对象创建与继承
- javascript面向对象编程子类如何继承父类分析
- JavaScript创建对象及对象继承
- 全面理解Javascript的面向对象(二)--创建对象与继承
- 从0开始学react netive:2.Javascript创建对象的方式_prototype原型的概念_原型继承
- 【JavaScript】【学习】对象的创建和继承
- 子类继承父类时,创建对象,构造方法的调用问题
- JavaScript 匿名函数、模块模式、闭包、命名空间、创建构造器(类)、继承
- JavaScript 匿名函数、模块模式、闭包、命名空间、创建构造器(类)、继承
- JavaScript对象创建与继承总结
- javascript的函数、创建对象、封装、属性和方法、继承