Javascript中的利用原形链和对象冒充创建类

zzc125 · 发表于 2013-2-7 16:14:58

看到一个曾经搞过web的人的blog中说到如果学Javascript不懂原形链，就太遗憾了，所以当自己看《javascript高级程序设计》时就留意了一下，说实话，下面的代码很简单，但是不是很懂所谓的原形链和对象冒充之类的东西
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type" />
<title>继承机制的实现--实例</title>
<script type="text/javascript">
function Polygon(iSides){
this.sides=iSides;
}
Polygon.prototype.getArea=function(){
return 0;
};
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;
};
function Rectangle(iWidth,iHeight){
Polygon.call(this,4);
this.width=iWidth;
this.height=iHeight;
}
Rectangle.prototype=new Polygon();
Rectangle.prototype.getArea=function(){
return this.width*this.height;
};
var triangle=new Triangle(12,4);
var rectangle=new Rectangle(22,10);
alert("三角形的边数："+triangle.sides);
alert("三角形的底边12,高4,面积为："+triangle.getArea());
alert("四边形的边数："+rectangle.sides);
alert("四边形的长22,宽10,面积为："+rectangle.getArea());
</script>
</head>
<body>
</body>
</html>

		自动登录	找回密码
密码			立即注册