面向对象的程序设计——继承

一、原型链

　　使用实例方法时，会经历三个搜索步骤：

（1）搜索实例

（2）搜索SubType.prototype

（3）搜索SuperType.prototype

function SuperType() {
    this.property = true;
}
SuperType.prototype.getSupperValue = function(){
    return this.property;
};
function SubType(){
    this.subproperty = false;
}
//继承SuperType
SubType.prototype = new SuperType();
SubType.prototype.getSubValue = function(){
    return this.subproperty;
};

var instance = new SubType();
alert(instance.getSupperValue());

　　注：在通过原型链实现继承时，不能使用对象字面量创建原型方法，因为这样会重写原型链。其次，原型链实现继承时存在的问题和原型模式创建对象几乎一致，都是对于引用对象来说，这个问题就不详讲了。

 

二、借用构造函数

　　大家看代码应该就差不多可以理解借用构造函数实现继承了。这个方法主要的问题还是函数复用。

function SuperType(name) {
    this.name = name;
}
function SubType(){
    //继承了SuperType，同时还传递了参数
    SuperType.call(this,"lily");
    //实例属性
    this.age = 21;
}

var instance = new SubType();
alert(instance.name);
alert(instance.age);

 

三、组合继承

　　组合继承避免了原型和借用构造函数的缺陷，融合了他们的有点，是最常用的继承模式。缺点：调用两次超类型构造函数。

function SuperType(name) {
     this.name = name;
     this.colors = ["red" , "blue"];
 }
SuperType.protoType.sayName = function(){
     alert(this.name);
};
 
 function SubType(name , age) {
    //继承属性
    SuperType.call(this , name);  //第二次调用SuperType（）
    this.age = age;
}
//继承方法
SubType.protoType = new SuperType();  //第一次调用SuperType（）
SubType.protoType.constructor = SubType;
SubType.protoType.sayAge = function() {
    alert(this.age);
};

var instance2 = new SubType("lily" , 21);
instance2.colors.push("black");
alert(instance2.colors);  //red,blue,black
instance2.sayName()    //lily
instance2.sayAge()    //21
 
var instance3 = new SubType("lulu" , 22);
alert(instance3.colors); //red,blue
instance3.sayName()     //lulu
instance3.sayAge()    //22

 

四、寄生式继承

 　　在主要考虑对象而不是自定义类型和构造函数的情况下，寄生式继承而是一种有用的模式。

function createAnother(original) {
    var clone = Object(original); //通过调用函数创建一个新对象
    clone.sayHi = function () {  //以某种方式来增强这个对象
        alert("hi");
    };
    return clone;
}
var person = {
    name: "lily",
    friends: ["q","a"]
};

var antherPerson = createAnother(person);
antherPerson.sayHi(); //hi        

 

五、寄生组合式继承

　　这种继承被认为式引用类型最理想的继承范式。

function inheritPrototype(subType , superType) {
    var prototype = Object(superType.prototype); //创建对象
    prototype.constructor = subType; //增强对象
    subType.prototype = prototype;   //指定对象
}
function SuperType(name) {
    this.name = name;
    this.colors = ["red" , "blue"];
}
function SubType(name , age){
    SuperType.call(this , name);
    this.age = age;
}

inheritPrototype(SubType , SuperType);
SubType.prototype.sayAge = function(){
    alert(this.age);
}

 

 参考《JavaScript高级程序设计》