javascript：将类继承过程进行封装的工具代码

Question

[code="java"]function extend(Sub,Sup){//类继承封装函数
    var F=function(){};//定义一个空函数
    F.prototype=Sup.prototype;//设置空函数的原型为超类的原型
    Sub.prototype=new F();//实例化空函数，并把超类原型引用传递给子类
    Sub.prototype.constructor=Sub;//恢复子类原型的构造器为子类自身
    Sub.sup=Sup.prototype;//在子类中存储超类原型，避免子类和超类耦合
    if(Sup.prototype.constructor===Object.prototype.constructor){//检测超类原型构造器是否为自身
        Sup.prototype.constructor=Sup;//类继承封装函数
    }
}
[/code]

[code="java"]Sub.sup=Sup.prototype;//在子类中存储超类原型，避免子类和超类耦合[/code]
这行代码有什么用呢？我甚至画了个继承图，发现Sub是能访问到Sup的原型的，为啥还要在子类Sub中加一个sup变量来保存父类Sub的原型呢？咋就避免耦合了

Answer 1

这样可以 直接在子类中使用sup得到父亲的原型 不需要关心父类是谁 这不就相当于解耦了。

你的这段代码是由问题的 如

[code="java"]function extend(Sub,Sup){//类继承封装函数
var F=function(){};//定义一个空函数
F.prototype=Sup.prototype;//设置空函数的原型为超类的原型
var newPrototype = new F();
for(var prop in Sub.prototype) {//此处需要拷贝Sub的prototype 否则父类覆盖子类
newPrototype[prop] = Sub.prototype[prop];
}
Sub.prototype=Sub.prototype;//实例化空函数，并把超类原型引用传递给子类
Sub.prototype.constructor=Sub;//恢复子类原型的构造器为子类自身
Sub.sup=Sup.prototype;//在子类中存储超类原型，避免子类和超类耦合
if(Sup.prototype.constructor===Object.prototype.constructor){//检测超类原型构造器是否为自身
Sup.prototype.constructor=Sup;//类继承封装函数
}
}

function Child() {
}
Child.prototype.hello = function() {alert("Child hello");}

function Parent() {

}

Parent.prototype.hello = function() {alert("Parent hello");}

extend(Child, Parent)

var child = new Child();
child.hello();
[/code]