日期:2014-05-16 浏览次数:20356 次
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(){