jQuery
1
Code A Link 1 Zusatz Source Documentation:
var Developer = $.inherit({
__constructor : function(name){
this.name = name;
this.company = "New Company";
},

task: function(){
return "Development";
},

info: function(){
alert(this.name + ", " + this.task() + ", " + this.company);
}
});

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

var newDeveloper = new Developer("Tim");
var newDesigner = new Designer("Tom");

newDeveloper.info(); // Output: "Tim, Development, New Company"
newDesigner.info(); // Output: "Tom, Design, New Company"
MooTools
1
Code Link 1 Source Documentation:
var Developer = new Class({
initialize: function(name){
this.name = name;
this.company = "New Company";
},

task: function(){
return "Development";
},

info: function(){
alert(this.name + ", " + this.task() + ", " + this.company);
}
});

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

var newDeveloper = new Developer("Tim");
var newDesigner = new Designer("Tom");

newDeveloper.info(); // Output: "Tim, Development, New Company"
newDesigner.info(); // Output: "Tom, Design, New Company"
The Dojo Toolkit
1
Code Link 1 Source Documentation:
dojo.declare("Developer", null, {
constructor: function(name){
this.name = name;
this.company = "New Company";
},

task: function(){
return "Development";
},

info: function(){
alert(this.name + ", " + this.task() + ", " + this.company);
}
});

dojo.declare("Designer", Developer, {
task: function(){
return "Design";
}
});

var newDeveloper = new Developer("Tim");
var newDesigner = new Designer("Tom");

newDeveloper.info(); // Output: "Tim, Development, New Company"
newDesigner.info(); // Output: "Tom, Design, New Company"
Prototype / Script.aculo.us
1
Code Link 1 Source Documentation:
var Developer = Class.create({
initialize: function(name) {
this.name = name;
this.company = "New Company";
},

task: function(){
return "Development";
},

info: function(task){
alert(this.name + ", " + this.task() + ", " + this.company);
}
});

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

var newDeveloper = new Developer("Tim");
var newDesigner = new Designer("Tom");

newDeveloper.info(); // Output: "Tim, Development, New Company"
newDesigner.info(); // Output: "Tom, Design, New Company"
Ext JS
1
Code Link 1 Source Documentation:
Developer = Ext.extend(Object, {
constructor: function(name){
this.name = name;
this.company = "New Company";
},

task: function(){
return "Development";
},

info: function(){
alert(this.name + ", " + this.task() + ", " + this.company);
}
});

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

var newDeveloper = new Developer("Tim");
var newDesigner = new Designer("Tom");

newDeveloper.info(); // Output: "Tim, Development, New Company"
newDesigner.info(); // Output: "Tom, Design, New Company"
Adobe Spry
1
Code C Source Documentation:
function Developer(name){
this.name = name;
this.company = "New Company";

this.task = function(){
return "Development";
};

this.info = function(){
alert(this.name + ", " + this.task() + ", " + this.company);
};
}

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

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

var newDeveloper = new Developer("Tim");
var newDesigner = new Designer("Tom");

newDeveloper.info(); // Output: "Tim, Development, New Company"
newDesigner.info(); // Output: "Tom, Design, New Company"
BBC Glow
1
Code Link 1 Source Documentation:
function Developer(name){
this.name = name;
this.company = "New Company";
}

Developer.prototype = {
task: function(){
return "Development";
},

info: function(){
alert(this.name + ", " + this.task() + ", " + this.company);
}
};

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

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

var newDeveloper = new Developer("Tim");
var newDesigner = new Designer("Tom");

newDeveloper.info(); // Output: "Tim, Development, New Company"
newDesigner.info(); // Output: "Tom, Design, New Company"
Yahoo! UI Library
1
Code Link 1 Source Documentation:
var Developer = Y.Base.create("developer", Y.Base, [], {
task: function(){
return "Development";
},
info: function(){
alert(this.get("name") + ", " + this.task() + ", " + this.get("company"));
}
}, {
ATTRS: {
name: {},
company: {
value: "New Company"
}
}
});

var Designer = Y.Base.create("designer", Developer, [], {
task: function(){
return "Design";
}
});

var newDeveloper = new Developer({ name: "Tim" });
var newDesigner = new Designer({ name: "Tom" });

newDeveloper.info(); // Output: "Tim, Development, New Company"
newDesigner.info(); // Output: "Tom, Design, New Company"

 Matthias Schütz - Media Designer / Web Designer / Developer / Freelancer