prototype兑现继承

2012-10-28

prototype实现继承??http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd??html?xmlnshttp://www.w3

prototype实现继承

<html?xmlns="http://www.w3.org/1999/xhtml">??
<head>??
<title>JavaScript?Inheritance?via?Prototype</title>??
??
<script?type="text/javascript"?src="inheritanceViaPrototype.js"></script>??
??
<script?type="text/javaScript">??
??
function?describe(vehicle)?{ ??
????var?description?=?""; ??
????descriptiondescription?=?description?+?"Number?of?wheels:?"?+?vehicle.wheelCount; ??
????descriptiondescription?=?description?+?"\n\nCurb?Weight:?"?+?vehicle.curbWeightInPounds; ??
????descriptiondescription?=?description?+?"\n\nRefueling?Method:?"?+?vehicle.refuel(); ??
????descriptiondescription?=?description?+?"\n\nMain?Tasks:?"?+?vehicle.mainTasks(); ??
????alert(description); ??
} ??
??
function?createVehicle()?{ ??
????var?vehicle?=?new?Vehicle(); ??
????describe(vehicle); ??
} ??
??
function?createSportsCar()?{ ??
????var?sportsCar?=?new?SportsCar(); ??
????describe(sportsCar); ??
} ??
??
function?createCementTruck()?{ ??
????var?cementTruck?=?new?CementTruck(); ??
????describe(cementTruck); ??
} ??
</script>??
</head>??
??
<body>??
??<h1>Examples?of?JavaScript?Inheritance?via?the?Prototype?Method</h1>??
? ??
??<br/><br/>??
??<button?onclick="createVehicle();">Create?an?instance?of?Vehicle</button>??
? ??
??<br/><br/>??
??<button?onclick="createSportsCar();">Create?an?instance?of?SportsCar</button>??
? ??
??<br/><br/>??
??<button?onclick="createCementTruck();">Create?an?instance?of?CementTruck</button>??
??
</body>??
</html>??
??

热点排行

其他相关