javaScript 继承原型链-优快云博客

本文介绍了一个简单的JavaScript原型链继承示例。通过构造函数Shape和Circle实现了属性和方法的继承，并展示了如何利用原型链来访问基类的属性。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript">
(function(){
function Shape(){};
Shape.prototype.color="#cccccc";
document.write("Shape的顏色："+Shape.prototype.color+"<br />");

function Circle(radius){
this.radius=radius;
this.printCircleInfo=function(){
document.write("Circle的半徑："+this.radius+"Circle的顏色: "+this.color+"<br />");
}
}
Circle.prototype=new Shape();// 实现原型链继承

var c=new Circle(50);
c.printCircleInfo();

})();
</script>
<body>
Circle.prototype=new Shape();這句話將Circle的原型設置成Shape 對象，這樣Circle的原型也就有了
Shape的屬性，實現了繼承
</body>
</html>