JavaScript类的继承特性实例

最新推荐文章于 2025-09-18 20:48:32 发布

最新推荐文章于 2025-09-18 20:48:32 发布 · 110 阅读

文章标签：

#JavaScript #prototype #ViewUI

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文通过JavaScript实现了一个简单的几何形状类继承结构，包括基本的Shape类和派生的Triangle及Rectangle类。Shape类定义了边数和面积的获取方法，而Triangle和Rectangle类则分别实现了各自的面积计算公式。

function Shape(edge) {
	this.edge = edge;
}
Shape.prototype.getArea=function(){
	return 0;
}
Shape.prototype.getEdge=function(){
	return this.edge;
}

function Triangle(bottom, height) {
	Shape.call(this,3);
	this.bottom = bottom;
	this.height = height;
}
Triangle.prototype = new Shape();
Triangle.prototype.getArea=function(){
	return 0.5 * this.bottom * this.height;
}

function Rectangle(bottom, height) {
	Shape.call(this,4);
	this.bottom = bottom;
	this.height = height;
}
Rectangle.prototype = new Shape();
Rectangle.prototype.getArea=function(){
	return this.bottom * this.height;
}
		
var triangle = new Triangle(4,6);
alert(triangle.getEdge());  //3
alert(triangle.getArea());   //12

var rectangle = new Rectangle(4,6);
alert(rectangle.getEdge()); //4
alert(rectangle.getArea());//24