<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>4.2 对象继承</title>
</head>
<body>
1.对象冒充:<br />
<script type="text/javascript">
//实例1：简单继承
function ClassA(sColor) {
this.color = sColor;
this.sayColor = function () { alert("ClassA.sayColor：" + this.color); }
}
function ClassB(sColor, name) {
this.newMethod = ClassA; //传递ClassA引用
this.newMethod(sColor); //调用ClassA对象，继承ClassA的方法
delete this.newMethod; //删除对ClassA的引用
this.name = name;
this.sayName = function () { alert("ClassB.sayName：" + this.name); }
}
var a = new ClassA("red");
var b = new ClassB("green", "hello");
a.sayColor();
b.sayColor();
b.sayName();
//实例2：多继承
//这里存在一个弊端，如果ClassA和ClassB具有相同的属性或方法，那么后者将具有更高的优先级。
function ClassC(sColor, name, age) {
this.newMethod = ClassA; //传递ClassA引用
this.newMethod(sColor); //调用ClassA对象，继承ClassA的方法
delete this.newMethod; //删除对ClassA的引用
this.newMethod = ClassB; //传递ClassB引用
this.newMethod(sColor, name); //调用ClassB对象，继承ClassB的方法
delete this.newMethod; //删除对ClassB的引用
this.age = age;
this.sayAge = function () { alert("ClassC.sayAge：" + this.age); }
}
var c = new ClassC("green", "hello", 25);
c.sayColor();
c.sayName();
c.sayAge();
</script>
2.call()方法:<br />
<script type="text/javascript">
//实例3：call()方法
function ClassD(sColor, name) {
ClassA.call(this, sColor); //类似C#里的扩展方法
this.name = name;
this.sayName = function () { alert("ClassD.sayName：" + this.name); }
}
var d = new ClassD("blue", "hello");
d.sayColor();
d.sayName();
</script>
3.apply()方法:<br />
<script type="text/javascript">
//实例4：apply()方法
function ClassE(sColor, name) {
ClassA.apply(this, arguments); //用数组打包参数，也可以是ClassA.apply(this, new Array(sColor));
this.name = name;
this.sayName = function () { alert("ClassE.sayName：" + this.name); }
}
var e = new ClassD("red", "hello");
e.sayColor();
e.sayName();
</script>
4.原型链方式:<br />
<script type="text/javascript">
//实例5：原型链方式
function ClassF(sColr) {
this.color = sColor;
}
ClassF.prototype.sayColor = function () { alert("ClassF.prototype.sayColor：" + this.sColor); }
function ClassG(sColor, name) {
ClassA.call(this, sColor); //属性：用对象冒充继承ClassF的sColor属性
this.name = name;
}
ClassG.prototype = new ClassF(); //方法：用原型链方式继承ClassF类的方法
ClassG.prototype.sayName = function () { alert("ClassG.prototype.sayName：" + this.name); }
var g = new ClassD("red", "hello");
g.sayColor();
g.sayName();
</script>
</body>
</html>
1673
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
