您的位置：首页 > Web前端 > JavaScript

JS 继承

2008-11-18 11:16 316 查看

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Classical Inheritance in JavaScript</title>

<script type="text/javascript" src="classicalInheritance.js"></script>

<script type="text/javaScript">

//createInheritance(new 父类,子对象)把父类中有的copy到子类继承

function createInheritance(parent, child) {

var property;

for(property in parent) {

if(!child[property]) {

child[property] = parent[property];

}

}

}

function describe(vehicle) {

var description = "";

description = description + "Number of wheels (via property): " + vehicle.wheelCount;

description = description + "\n\nNumber of wheels (via accessor): " + vehicle.getWheelCount();

description = description + "\n\nCurb Weight (via property): " + vehicle.curbWeightInPounds;

description = description + "\n\nCurb Weight (via accessor): " + vehicle.getCurbWeightInPounds();

description = description + "\n\nRefueling Method: " + vehicle.refuel();

description = description + "\n\nMain Tasks: " + vehicle.mainTasks();

alert(description);

}

function createVehicle() {

var vehicle = new Vehicle();

describe(vehicle);

}

function createSportsCar() {

var sportsCar = new SportsCar();

createInheritance(new Vehicle(), sportsCar);

sportsCar.setCurbWeightInPounds(3000);

describe(sportsCar);

}

function createC()

{

var c = new Truck();

createInheritance(new Vehicle(),c);

}

function createCementTruck() {

var cementTruck = new CementTruck();

createInheritance(new Vehicle(), cementTruck);

cementTruck.setWheelCount(10);

cementTruck.setCurbWeightInPounds(10000);

describe(cementTruck);

}

</script>

</head>

<body>

<h1>Examples of Classical Inheritance in JavaScript</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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航