javascript 对象继承
来源:互联网 发布:小学网络辅导班 编辑:程序博客网 时间:2024/06/13 00:03
<!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>
- Javascript对象继承
- Javascript对象继承
- JavaScript面向对象------继承
- javascript 对象继承
- JavaScript中对象继承
- javascript对象继承详解
- JavaScript面向对象---继承
- JavaScript对象继承方法
- javascript 对象继承
- javascript对象的继承
- javaScript 面向对象-继承
- JavaScript面向对象------继承
- JavaScript继承本地对象
- JavaScript对象与继承
- Javascript对象继承
- javascript面向对象-继承
- JavaScript面向对象-继承
- JavaScript对象继承
- Java设计模式之二十三(状态模式)
- linux命令行中通过ssh复制文件(scp)到远程服务器
- Linux下C++的man安装及使用方法
- shopxp网上购物系统 v7.4 SQL注入漏洞
- 抽象类是否可继承实体类
- javascript 对象继承
- 【视频】用WIZ110SR实现“网络收音机”
- Jenkins持续集成服务器配置Linux(Ubuntu)
- shopxp网上购物系统 v7.4存在SQL注入漏洞
- android 给布局加上背景,里面的控件就乱了
- hdu 2682 最小生成树
- CarceerCup 系列 第一章 Arrays and strings
- java回溯法(递归)解八皇后问题
- 在myeclipse中建一个新文件,并且运行该文件