jQuery
1
Code Z Link 1 Zusatz Quellcode Dokumentation:
var Entwickler = $.inherit({
__constructor : function(name){
this.name = name;
this.firma = "Neue Firma";
},

aufgabe: function(){
return "Entwicklung";
},

info: function(){
alert(this.name + ", " + this.aufgabe() + ", " + this.firma);
}
});

var Designer = $.inherit(Entwickler, {
aufgabe: function(){
return "Design";
}
});

var neuerEntwickler = new Entwickler("Tim");
var neuerDesigner = new Designer("Tom");

neuerEntwickler.info(); // Ausgabe: "Tim, Entwicklung, Neue Firma"
neuerDesigner.info(); // Ausgabe: "Tom, Design, Neue Firma"
MooTools
1
Code Link 1 Quellcode Dokumentation:
var Entwickler = new Class({
initialize: function(name){
this.name = name;
this.firma = "Neue Firma";
},

aufgabe: function(){
return "Entwicklung";
},

info: function(){
alert(this.name + ", " + this.aufgabe() + ", " + this.firma);
}
});

var Designer = new Class({Extends: Entwickler,
aufgabe: function(){
return "Design";
}
});

var neuerEntwickler = new Entwickler("Tim");
var neuerDesigner = new Designer("Tom");

neuerEntwickler.info(); // Ausgabe: "Tim, Entwicklung, Neue Firma"
neuerDesigner.info(); // Ausgabe: "Tom, Design, Neue Firma"
The Dojo Toolkit
1
Code Link 1 Quellcode Dokumentation:
dojo.declare("Entwickler", null, {
constructor: function(name){
this.name = name;
this.firma = "Neue Firma";
},

aufgabe: function(){
return "Entwicklung";
},

info: function(){
alert(this.name + ", " + this.aufgabe() + ", " + this.firma);
}
});

dojo.declare("Designer", Entwickler, {
aufgabe: function(){
return "Design";
}
});

var neuerEntwickler = new Entwickler("Tim");
var neuerDesigner = new Designer("Tom");

neuerEntwickler.info(); // Ausgabe: "Tim, Entwicklung, Neue Firma"
neuerDesigner.info(); // Ausgabe: "Tom, Design, Neue Firma"
Prototype / Script.aculo.us
1
Code Link 1 Quellcode Dokumentation:
var Entwickler = Class.create({
initialize: function(name) {
this.name = name;
this.firma = "Neue Firma";
},

aufgabe: function(){
return "Entwicklung";
},

info: function(aufgabe){
alert(this.name + ", " + this.aufgabe() + ", " + this.firma);
}
});

var Designer = Class.create(Entwickler, {
aufgabe: function(){
return "Design";
}
});

var neuerEntwickler = new Entwickler("Tim");
var neuerDesigner = new Designer("Tom");

neuerEntwickler.info(); // Ausgabe: "Tim, Entwicklung, Neue Firma"
neuerDesigner.info(); // Ausgabe: "Tom, Design, Neue Firma"
Ext JS
1
Code Link 1 Quellcode Dokumentation:
Entwickler = Ext.extend(Object, {
constructor: function(name){
this.name = name;
this.firma = "Neue Firma";
},

aufgabe: function(){
return "Entwicklung";
},

info: function(){
alert(this.name + ", " + this.aufgabe() + ", " + this.firma);
}
});

Designer = Ext.extend(Entwickler, {
aufgabe: function(){
return "Design";
}
});

var neuerEntwickler = new Entwickler("Tim");
var neuerDesigner = new Designer("Tom");

neuerEntwickler.info(); // Ausgabe: "Tim, Entwicklung, Neue Firma"
neuerDesigner.info(); // Ausgabe: "Tom, Design, Neue Firma"
Adobe Spry
1
Code E Quellcode Dokumentation:
function Entwickler(name){
this.name = name;
this.firma = "Neue Firma";

this.aufgabe = function(){
return "Entwicklung";
};

this.info = function(){
alert(this.name + ", " + this.aufgabe() + ", " + this.firma);
};
}

function Designer(name){
Entwickler.call(this, name);

this.aufgabe = function(){
return "Design";
};
}

var neuerEntwickler = new Entwickler("Tim");
var neuerDesigner = new Designer("Tom");

neuerEntwickler.info(); // Ausgabe: "Tim, Entwicklung, Neue Firma"
neuerDesigner.info(); // Ausgabe: "Tom, Design, Neue Firma"
BBC Glow
1
Code Link 1 Quellcode Dokumentation:
function Entwickler(name){
this.name = name;
this.firma = "Neue Firma";
}

Entwickler.prototype = {
aufgabe: function(){
return "Entwicklung";
},

info: function(){
alert(this.name + ", " + this.aufgabe() + ", " + this.firma);
}
};

function Designer(name){
arguments.callee.base.apply(this, arguments);
}

glow.lang.extend(Designer, Entwickler, {
aufgabe: function(){
return "Design";
}
});

var neuerEntwickler = new Entwickler("Tim");
var neuerDesigner = new Designer("Tom");

neuerEntwickler.info(); // Ausgabe: "Tim, Entwicklung, Neue Firma"
neuerDesigner.info(); // Ausgabe: "Tom, Design, Neue Firma"
Yahoo! UI Library
1
Code Link 1 Quellcode Dokumentation:
function Entwickler(){
Entwickler.superclass.constructor.apply(this, arguments);
}

function Designer(){
Designer.superclass.constructor.apply(this, arguments);
}

Y.extend(Entwickler, Y.Base, {
aufgabe: function(){
return "Entwicklung";
},

info: function(){
alert(this.get("name") + ", " + this.aufgabe() + ", " + this.get("firma"));
}
}, {
NAME: "entwickler",
ATTRS: {
name: {},
firma: {
value: "Neue Firma"
}
}
});

Y.extend(Designer, Entwickler, {
aufgabe: function(){
return "Design";
}
}, {
NAME: "designer"
});

var neuerEntwickler = new Entwickler({ name: "Tim" });
var neuerDesigner = new Designer({ name: "Tom" });

neuerEntwickler.info(); // Ausgabe: "Tim, Entwicklung, Neue Firma"
neuerDesigner.info(); // Ausgabe: "Tom, Design, Neue Firma"

© 2009

 Matthias Schütz - Mediendesigner / Webdesigner / Grafiker / Freelancer