许多OO语言都支持两种继承方式:接口继承与实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。ECMAScript只支持实现继承,而且实现继承的方式主要是依靠原型链来实现。
构造函数、原型和实例的关系:每个构造函数都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针(construct),而实例都包含一个指向原型对象的内部指针(__proto__).
单独使用原型链与构造函数去实现继承会存在一些问题,下面使用组合二者来实现一下继承,组合继承的思想是:
使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。一个例子:
this.name = name;
this.colors = ["red","blue"];
}
Super.prototype.sayName = function(){
alert(this.name);
}
//继承超类属性与定义子类自己的属性
function Sub(name,age){
Super.call(this,name);//借用构造函数:在子类型构造函数的内部调用超类型构造函数
this.age = age;
}
//继承超类里的方法
Sub.prototype = new Super(); //重写原型对象,在此获得了超类里的方法
Sub.prototype.constructor = Sub;//修改原型对象构造属性的指向,不然会指向Object(不会指向Super,也不会指向Sub)
Sub.prototype.sayAge = function(){ //这是子类自己的方法,最后面进行了测试
alert(this.age);
}
var sub1 = new Sub("lu",18);
sub1.colors.push("black");
alert(sub1.colors); //red,blue,black
sub1.sayName(); //lu
sub1.sayAge(); //18
var sub2 = new Sub("Grey",23);
alert(sub2.colors); //red,blue 没受sup1.colors.push("black")的影响
sub2.sayName();//Grey
sub2.sayAge();//23
//测试sayAge是否存在于超类中
var sup = new Super("lulu");
sup.sayAge(); //TypeError: sup.sayAge is not a function,说明这个方法是子类才有