Javascript继承和方法重载

Question

假设我有一类这样的：

function Widget() { 
    this.id = new Date().getTime(); 
    // other fields 
} 
Widget.prototype = { 
    load: function(args) { 
     // do something 
    } 
} 

从这节课我创建了继承相同的原型，但有一些附加的方法的一些其他类。我想要做的是能够在首先调用父方法并执行一些代码的子类中定义一个load（）方法。例如：

SpecialWidget.prototype = { 
    load: function(args) { 
     super.load(args); 
     // specific code here 
    } 
} 

我知道Javascript中没有超级关键字，但必须有一种方法可以做到这一点。

Answer 1

您可以模拟这样说：

SpecialWidget.prototype = { 
    load: function(args) { 
     Widget.prototype.load.call(this, args); 
     // specific code here 
    } 
} 

或者你可以创建自己的超级属性是这样的：

SpecialWidget.prototype.parent = Widget.prototype; 

SpecialWidget.prototype = { 
    load: function(args) { 
     this.parent.load.call(this,args); 
     // specific code here 
    } 
} 

Answer 2

我不知道这是不是最好的解决办法，但你可以做这样的事情：

function Widget() { 
    this.id = new Date().getTime(); 
} 
Widget.prototype.load = function(args) { 
    alert('parent load'); 
}; 

SpecialWidget = function(){}; 

    // Make the prototype of SpecialWidget an instance of Widget 
var proto = SpecialWidget.prototype = new Widget; 

    // Give the prototype a function that references the "load" from Widget 
proto.parent_load = proto.load; 

    // Give SpecialWidget its own "load" that first calls the parent_load 
proto.load = function(args) { 
    this.parent_load(args); 
    alert('special load'); 
}; 

var inst = new SpecialWidget; 

inst.load(); 

这使得SpecialWidget的原型的实例Widget这样它就继承了Widget所拥有的全部。

然后，它给Widget的load()称为parent_load()参考，并创建了自己的load()调用时调用parent_load()。

Answer 3

所以首先，你设置你的“子”，像这样

function SubClass(name) { 
    Super.call(this); 

    // stuff here 
} 

SubClass.prototype = new SuperClass(null); 
SubClass.prototype.constructor = SubClass; 

，然后你可以做

SuperClass.prototype.theMethod.apply(this); 

从子类实现中专门调用超类的实现。

Answer 4

这将有可能存储在一个封闭的load方法的旧值，如果你没有你的压倒一切的是这样的：

function Widget() { 
    this.id = new Date().getTime(); 
    // other fields 
} 

Widget.prototype = { 
    load: function(args) { 
     // do something 
     alert("Widget Prototype Load"); 
    } 
}; 

function SpecialWidget(){ 
}; 

SpecialWidget.prototype = new Widget(); 

(function(){ 
    var oldLoad = SpecialWidget.prototype.load; 
    SpecialWidget.prototype.load = function(){ 
     oldLoad(); 
     alert("new Load"); 
    }; 
}()); 


var x = new SpecialWidget(); 
x.load(); 

它的工作原理，但我不知道这是否是最好的方法。

Answer 5

使用Simple Javascript Class：

Class.extend('Widget', { 
    load: function() { 
    alert('foo'); 
    } 
}); 

Widget.extend('SpecialWidget', { 
    load: function() { 
    this.super(); 
    alert('bar'); 
    } 
}); 

new Widget().load(); // Alert: 'foo' 
new SpecialWidget().load(); // Alert: 'foo' and 'bar' 

看看Simple Javascript Class Project，Simple JavaScript Inheritance和Inheritance Patterns in JavaScript。