构造函数间的继承,如:
function Animal(){
this.atr = "动物";
}
function Pig(color, name){
this.color = color;
this.name = name;
}
//想让Pig构造器继承Animal构造器
一、 构造函数绑定
第一种方法也是最简单的方法,使用call或apply方法,将父对象的构造函数绑定在子对象上,即在子对象构造函数中加一行:
function Pig(color, name){
Animal.apply(this);
//Animal.call(this);
this.color = color;
this.name = name;
}
var redPig = new Pig("red", "zht");
alert(redPig.atr); //动物
二、 prototype模式
使用prototype属性,指向要继承的对象的实例。
那么所有Pig的实例都能继承Animal。
Pig.prototype = new Animal();
Pig.prototype.constructor = Pig;
var redPig = new Pig("red", "zht");
alert(redPig.atr);
任何一个prototype对象都有一个constructor属性,指向它的构造函数。如果没有Pig.prototype = new Animal();
这一行,Pig.prototype.constructor
是指向Pig的;加了这一行以后,Pig.prototype.constructor
指向Animal。
所以,
编程时务必要遵守:
如果替换了prototype对象,如
object.prototype = {};
下一步必然是为新的prototype对象加上constructor属性,并将这个属性指回原来的构造函数。
object.prototype.constructor = object;
因为,constructor属性,默认调用prototype对象的constructor属性
三、 直接继承prototype
第三种方法是对第二种方法的改进。由于Animal对象中,不变的属性都可以直接写入prototype。所以,我们也可以让Pig()跳过 Animal(),直接继承Animal.prototype。
function Animal(){}
Animal.prototype.atr = "动物";
Pig.prototype = Animal.prototype;
Pig.prototype.constructor = Pig; //错误,会把Animal的prototy.constructor修改为Pig
var redPig = new Pig("red", "zht");
alert(redPig.atr);
与前一种方法相比,这样做的优点是效率比较高(不用执行和建立Animal的实例了),比较省内存。缺点是 Pig.prototype和Animal.prototype现在指向了同一个对象,那么任何对Pig.prototype的修改,都会反映到Animal.prototype。
四、 利用空对象作为中介
利用一个空对象作为中介:
var cons = function(){};
cons.prototype = Animal.prototype;
Pig.prototype = new cons();
Pig.prototype.constructor = Pig;
alert(Animal.prototype.construtor);// Animal
//F是空对象,所以几乎不占内存。这时,修改Pig的prototype对象,就不会影响到Animal的prototype对象
封装成一个函数,便于使用:
function extend(Child, Parent) {
var F = function(){};
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.uber = Parent.prototype;//意思是为子对象设一个uber属性,这个属性直接指向父对象的prototype属性。(uber是一个德语词,意思是"向上"、"上一层"。)这等于在子对象上打开一条通道,可以直接调用父对象的方法。这一行放在这里,只是为了实现继承的完备性,纯属备用性质。
}
这个extend函数,就是YUI库如何实现继承的方法。
最后一行,意思是为子对象设一个uber属性,这个属性直接指向父对象的prototype属性。(uber是一个德语词,意思是”向上”、”上一层”。)这等于在子对象上打开一条通道,可以直接调用父对象的方法。这一行放在这里,只是为了实现继承的完备性,纯属备用性质。
五、 拷贝继承
把父对象的所有属性和方法,拷贝进子对象
function extend(Child, Parent){
var p = Parent.prototype;
var c = Child.prototype;
for(var arg in p){
c[arg] = p[arg];
}
c.uber = p;
}