javaScript 继承原型链

<!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>

、、、、、、、、、、、、、、、、输出:

Shape的顏色:#cccccc
Circle的半徑:50Circle的顏色: #cccccc
Circle.prototype=new Shape();這句話將Circle的原型設置成Shape 對象,這樣Circle的原型也就有了 Shape的屬性,實現了繼承

原文地址:https://www.cnblogs.com/wxhhts/p/7783535.html