JavaScript面向对象－－－－－－继承
2010-09-14 13:19:05 来源：WEB开发网javascript面向对象继承的三种方法：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
//基类
function Person()
{
this.Name="Person";
this.Sex="NONE";
this.Age="?";
this.SayName=function(){alert(this.Name);};
this.SaySex=function(){alert(this.Sex);};
this.SayAge=function(){alert(this.Age);};
}
//子类
function ManPerson()
{
this.Name="ManPerson";
this.Sex="Man";
this.Age="20"
Person.apply(this);//执行该语句时会调用Person中的构造器，先前赋值的ManPerson，Man，20就失去作用了，所以这句话
//要放在this.Name="ManPerson";之前才能即继承Person的方法，又不会覆盖我们的赋值操作。
}
//第一种方法
function first(){
var p=new Person();
alert("Name:"+p.Name+" Sex:"+p.Sex+" Age:"+p.Age);//执行结果为Name：Person Sex：NONE Age：？
p.SayName();//执行结果Person
var mp=new ManPerson();
alert("Name:"+mp.Name+" Sex:"+mp.Sex+" Age:"+mp.Age);//apply在赋值后结果为：Name：Person Sex：NONE Age：？
//在赋值前结果为：Name：ManPerson Sex：Man Age：20
mp.SaySex();//执行结果Man
//可以看到ManPerson很好的继承了Person
}
//第二种方法
function second(){
for(pro in Person)
{
ManPerson[pro]=Person[pro];
}
var p=new Person();
alert("Name:"+p.Name+" Sex:"+p.Sex+" Age:"+p.Age);//执行结果为Name：Person Sex：NONE Age：？
p.SayName();//执行结果Person
var mp=new ManPerson();
alert("Name:"+mp.Name+" Sex:"+mp.Sex+" Age:"+mp.Age);//执行结果为Name：Person Sex：NONE Age：？
mp.SaySex();//执行结果NONE
mp.Name="ManPerson";
mp.SayName();//执行结果：ManPerson
//可以看到ManPerson继承了Person的SayName
}
function third(){
//第三种方法
ManPerson.prototype=Person.prototype;
var mmp=new ManPerson();
mmp.SayName();//执行结果：Person
mmp.Name="ManPerson";
mmp.SayName();//执行结果：ManPerson
//ManPerson继承了Person的方法
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<button value="FirstMethod" onclick="first()">FirstMethod</button><br />
<button validationgroup="SecondMethod" onclick="second()">SecondMethod
</button><br />
<button value="ThirdMethod" onclick="third()">ThirdMethod</button>
</div>
</form>
</body>
</html>
Tags：JavaScript 面向 对象
编辑录入：爽爽 [复制链接] [打 印]
- 好的评价 如果觉得好，就请您
0%(0) 
- 差的评价 如果觉得差，就请您
0%(0) 
中查找“JavaScript面向对象－－－－－－继承”更多相关内容
中查找“JavaScript面向对象－－－－－－继承”更多相关内容更多精彩
赞助商链接
