日期:2014-05-16  浏览次数:20356 次

JavaScript 高级程序设计 继承

1. 对象冒充

function ClassA(sColor) { this.color=sColor; this.sayColor=function (){ alert(this.color); } } function ClassB(sColor,sName) { this.newMethod=ClassA;?? ?函数名只是指向它的指针 this.newMethod=ClassA(sColor);? delete this.newMethod; this.name=sName; this.sayName=function (){ alert(this.name); } } var objA=new ClassA("red"); var objB=new ClassB("blue","Joe"); objA.sayColor(); objB.sayColor(); objB.sayName();

?

弊端: 对象冒充可以支持多重继承,但可能两个父类具有同名的属性或方法。

?

2. call方法

?

function sayColor(sPrefix,sSuffix)

?? ? ? ? ? ? ? {

?? ? ? ? ? ? ? ? ? ?alert(sPrefix+this.color+sSuffix);

?? ? ? ? ? ? ? }

?? ? ? ? ? ? ? var obj=new Object();

?? ? ? ? ? ? ? obj.color="red";

?? ? ? ? ? ? ? sayColor.call(obj,"The color is "," ,very good!");

与对象冒充方法最相似,它的第一个参数用作this的对象,其他参数直接传递给函数本身。

第一个参数obj,说明应该赋予sayColor函数中的this关键字值是obj

?

要与继承机制的对象冒充方法一起使用该方法,代码如下:

?

function ClassA(sColor)

?? ? ? ? ? ? ? ?{

?? ? ? ? ? ? ? ? ? ?this.color=sColor;

?? ? ? ? ? ? ? ? ? ?this.sayColor=function (){

?? ? ? ? ? ? ? ? ? ? ? ?alert(this.color); ? ? ? ? ? ? ?

?? ? ? ? ? ? ? ? ? ?}

?? ? ? ? ? ? ? ?}

?? ? ? ? ? ? ? ?function ClassB(sColor,sName)

?? ? ? ? ? ? ? ?{ ? ? ? ? ? ? ? ? ? ?

?? ? ? ? ? ? ? ? ? ?ClassA.call(this,sColor);

?? ? ? ? ? ? ? ? ? ?this.name=sName;

?? ? ? ? ? ? ? ? ? ?this.sayName=function (){

?? ? ? ? ? ? ? ? ? ? ? ?alert(this.name); ? ? ? ? ? ??

?? ? ? ? ? ? ? ? ? ?}

?? ? ? ? ? ? ? ?}

?

3. apply()方法 ?有两个参数,用作this的对象和要传递给函数的参数的数组。

?

?? ?function onLoad()

?? ? ? ? ? ?{

?? ? ? ? ? ? ? function sayColor(sPrefix,sSuffix)

?? ? ? ? ? ? ? {

?? ? ? ? ? ? ? ? ? ?alert(sPrefix+this.color+sSuffix);

?? ? ? ? ? ? ? }

?

?? ? ? ? ? ? ? var obj=new Object();

?? ? ? ? ? ? ? obj.color="red";

?? ? ? ? ? ? ? sayColor.apply(obj,new Array("The color is "," ,very good!"));

?? ? ? ? ? ?} ? ??

?

?

function ClassA(sColor)

?? ? ? ? ? ? ? ?{

?? ? ? ? ? ? ? ? ? ?this.color=sColor;

?? ? ? ? ? ? ? ? ? ?this.sayColor=function (){

?? ? ? ? ? ? ? ? ? ? ? ?alert(this.color); ? ? ? ? ? ? ?

?? ? ? ? ? ? ? ? ? ?}

?? ? ? ? ? ? ? ?}

?? ? ? ? ? ? ? ?function ClassB(sColor,sName)

?? ? ? ? ? ? ? ?{ ? ? ? ? ? ? ? ? ? ?

?? ? ? ? ? ? ? ? ? ?ClassA.apply(this,new Array(sColor));

?? ? ? ? ? ? ? ? ? ?this.name=sName;

?? ? ? ? ? ? ? ? ? ?this.sayName=function (){

?? ? ? ? ? ? ? ? ? ? ? ?alert(this.name); ? ? ? ? ? ??

?? ? ? ? ? ? ? ? ? ?}

?? ? ? ? ? ? ? ?}

?

4. 原型链

?? ?prototype对象是个模板,要实例化的对象都以这个模板为基础。prototype对象的任何属性和方法都被传递给那个类的所有实例。

?? ?function ClassA(){ } ClassA.prototype.color="red"; ClassA.prototype.sayColor=function (){ alert(this.color); } function ClassB(){