javascript 对象继承

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

1.对象冒充:<br />

//实例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 />

//实例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 />

//实例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 />

//实例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>