问题描述
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;//类继承封装函数 }}Sub.sup=Sup.prototype;//在子类中存储超类原型，避免子类和超类耦合这行代码有什么用呢？我甚至画了个继承图，发现Sub是能访问到Sup的原型的，为啥还要在子类Sub中加一个sup变量来保存父类Sub的原型呢？咋就避免耦合了
解决方案
这样可以 直接在子类中使用sup得到父亲的原型 不需要关心父类是谁 这不就相当于解耦了。你的这段代码是由问题的 如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();
解决方案二：
假如没有那句，当需要并且改动sub的prototype时，就找不到sup的prototype了。