JavaScript Object Oriented Libraries Benchmark
JavaScript performance comparison
Preparation code
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/jsface.js">
</script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/my.class.js">
</script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/jrclass.js">
</script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/klass.js">
</script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/classy.js">
</script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/ptclass.js">
</script>
<script>
(function (global, factory) {
if (typeof define === "function" && define.amd) define(factory);
else if (typeof module === "object") module.exports = factory();
else global.augment = factory();
}(this, function () {
"use strict";
var Factory = function () {};
var slice = Array.prototype.slice;
return function (base, body) {
var uber = Factory.prototype = typeof base === "function" ? base.prototype : base;
var prototype = new Factory;
body.apply(prototype, slice.call(arguments, 2).concat(uber));
if (!prototype.hasOwnProperty("constructor")) return prototype;
var constructor = prototype.constructor;
constructor.prototype = prototype;
return constructor;
}
}));
</script>
<script src="http://cdn.sencha.com/ext-4.1.1a-gpl/builds/ext-foundation.js">
</script>
<script src="https://raw.github.com/torworx/ovy/master/ovy.js">
</script>
<script>
var __hasProp = {}.hasOwnProperty,
__extends = function(child, parent) {
for (var key in parent) {
if (__hasProp.call(parent, key)) child[key] = parent[key];
}
function ctor() {
this.constructor = child;
}
ctor.prototype = parent.prototype;
child.prototype = new ctor();
child.__super__ = parent.prototype;
return child;
};
var JSFacePerson = jsface.Class({
constructor: function(name) {
this.name = name;
},
setAddress: function(country, city, street) {
this.country = country;
this.city = city;
this.street = street;
}
});
var JSFaceFrenchGuy = jsface.Class(JSFacePerson, {
constructor: function(name) {
JSFaceFrenchGuy.$super.call(this, name);
},
setAddress: function(city, street) {
JSFaceFrenchGuy.$superp.setAddress.call(this, 'France', city, street);
}
});
var JSFaceParisLover = jsface.Class(JSFaceFrenchGuy, {
constructor: function(name) {
JSFaceParisLover.$super.call(this, name);
},
setAddress: function(street) {
JSFaceParisLover.$superp.setAddress.call(this, 'Paris', street);
}
});
var MyPerson = my.Class({
constructor: function(name) {
this.name = name;
},
setAddress: function(country, city, street) {
this.country = country;
this.city = city;
this.street = street;
}
});
var MyFrenchGuy = my.Class(MyPerson, {
constructor: function(name) {
MyFrenchGuy.Super.call(this, name);
},
setAddress: function(city, street) {
MyFrenchGuy.Super.prototype.setAddress.call(this, 'France', city, street);
}
});
var MyParisLover = my.Class(MyFrenchGuy, {
constructor: function(name) {
MyParisLover.Super.call(this, name);
},
setAddress: function(street) {
MyParisLover.Super.prototype.setAddress.call(this, 'Paris', street);
}
});
var JRPerson = JRClass.extend({
init: function(name) {
this.name = name;
},
setAddress: function(country, city, street) {
this.country = country;
this.city = city;
this.street = street;
},
sayHello: function() {
console.log('I am ' + this.name + '. My address is ' + this.country + ', ' + this.city + ', ' + this.street + '.');
}
});
var JRFrenchGuy = JRPerson.extend({
init: function(name) {
this._super(name);
},
setAddress: function(city, street) {
this._super('France', city, street);
}
});
var JRParisLover = JRFrenchGuy.extend({
init: function(name) {
this._super(name);
},
setAddress: function(street) {
this._super('Paris', street);
}
});
var EnderPerson = klass(function(name) {
this.name = name;
}).methods({
setAddress: function(country, city, street) {
this.country = country;
this.city = city;
this.street = street;
}
});
var EnderFrenchGuy = EnderPerson.extend(function(name) {}).methods({
setAddress: function(city, street) {
this.supr('France', city, street);
}
});
var EnderParisLover = EnderFrenchGuy.extend(function(name) {}).methods({
setAddress: function(street) {
this.supr('Paris', street);
}
});
var ClassyPerson = Classy.$extend({
__init__: function(name) {
this.name = name;
},
setAddress: function(country, city, street) {
this.country = country;
this.city = city;
this.street = street;
}
});
var ClassyFrenchGuy = ClassyPerson.$extend({
__init__: function(name) {
this.$super(name);
},
setAddress: function(city, street) {
this.$super('France', city, street);
}
});
var ClassyParisLover = ClassyFrenchGuy.$extend({
__init__: function(name) {
this.$super(name);
},
setAddress: function(street) {
this.$super('Paris', street);
}
});
var PTClassPerson = PTClass.create({
initialize: function(name) {
this.name = name;
},
setAddress: function(country, city, street) {
this.country = country;
this.city = city;
this.street = street;
}
});
var PTClassFrenchGuy = PTClass.create(PTClassPerson, {
initialize: function($super, name) {
$super(name);
},
setAddress: function($super, city, street) {
$super('France', city, street);
}
});
var PTClassParisLover = PTClass.create(PTClassFrenchGuy, {
initialize: function($super, name) {
$super(name);
},
setAddress: function($super, street) {
$super('Paris', street);
}
});
var CoffeePerson = (function() {
function CoffeePerson(name) {
this.name = name;
}
CoffeePerson.prototype.setAddress = function(country, city, street) {
this.country = country;
this.city = city;
this.street = street;
};
return CoffeePerson;
})();
var CoffeeFrenchGuy = (function(_super) {
__extends(CoffeeFrenchGuy, _super);
function CoffeeFrenchGuy(name) {
CoffeeFrenchGuy.__super__.constructor.call(this, name);
}
CoffeeFrenchGuy.prototype.setAddress = function(city, street) {
return CoffeeFrenchGuy.__super__.setAddress.call(this, "France", city, street);
};
return CoffeeFrenchGuy;
})(CoffeePerson);
var CoffeeParisLover = (function(_super) {
__extends(CoffeeParisLover, _super);
function CoffeeParisLover(name) {
CoffeeParisLover.__super__.constructor.call(this, name);
}
CoffeeParisLover.prototype.setAddress = function(street) {
return CoffeeParisLover.__super__.setAddress.call(this, "Paris", street);
};
return CoffeeParisLover;
})(CoffeeFrenchGuy);
Ext.define('ExtPerson', {
constructor: function(name) {
this.name = name;
},
setAddress: function(country, city, street) {
this.country = country;
this.city = city;
this.street = street;
}
});
Ext.define('ExtChinaGuy', {
extend: 'ExtPerson',
constructor: function() {
this.callParent(arguments);
},
setAddress: function(city, street) {
this.callParent(['China', city, street]);
}
});
Ext.define('ExtBeiJingLover', {
extend: 'ExtChinaGuy',
constructor: function(name) {
this.callParent(arguments);
},
setAddress: function(street) {
this.callParent(['BeiJing', street]);
}
});
var NativePerson = function(name){
this.name = name;
};
NativePerson.prototype.setAddress = function(country, city, street) {
this.country = country;
this.city = city;
this.street = street;
};
var NativeFrenchGuy = function(name) {
NativePerson.call(this, name);
};
NativeFrenchGuy.prototype = Object.create(NativePerson.prototype);
NativeFrenchGuy.prototype.constructor = NativeFrenchGuy;
NativeFrenchGuy.prototype.setAddress = function(city, street) {
NativePerson.prototype.setAddress.call(this, 'France', city, street);
};
var NativeParisLover = function(name) {
NativeFrenchGuy.call(this, name);
};
NativeParisLover.prototype = Object.create(NativeFrenchGuy.prototype);
NativeParisLover.prototype.constructor = NativeParisLover;
NativeParisLover.prototype.setAddress = function(street) {
NativeFrenchGuy.prototype.setAddress.call(this, 'Paris', street);
};
var createPerson = function(name){
var address = {};
var getName = function(){ return name; }
var getAddress = function(){ return address; }
var setAddress = function(country,city,street){
address = {
country:country,
city:city,
street:street
};
}
return {
getName:getName,
getAddress:getAddress,
setAddress:setAddress
};
};
var createFrenchPerson = function(name){
var person = createPerson(name);
var setAddress = function(city,street){
person.setAddress('france',city,street);
}
return {
getName: person.getName,
getAddress: person.getAddress,
setAddress: setAddress
};
};
var createParisPerson = function(name){
var frenchPerson = createFrenchPerson(name);
var setAddress = function(street){
frenchPerson.setAddress('paris',street);
}
return {
getName: frenchPerson.getName,
getAddress: frenchPerson.getAddress,
setAddress: setAddress
};
};
</script>
Preparation code output
Test runner
Warning! For accurate results, please disable Firebug before running the tests. (Why?)
Java applet disabled.
Test | Ops/sec | |
---|---|---|
JSFace
|
|
pending… |
my.Class
|
|
pending… |
John Resig Class
|
|
pending… |
Klass
|
|
pending… |
Classy
|
|
pending… |
PTClass
|
|
pending… |
CoffeeScript Classes
|
|
pending… |
Ext JS
|
|
pending… |
Ovy
|
|
pending… |
Native
|
|
pending… |
closures
|
|
pending… |
Compare results of other browsers
Revisions
You can edit these tests or add even more tests to this page by appending /edit
to the URL.
- Revision 3: published Tan Nhu
- Revision 4: published
- Revision 5: published Tan Nhu
- Revision 6: published Tan Nhu
- Revision 7: published Tan Nhu
- Revision 8: published Tan Nhu
- Revision 9: published Tan Nhu
- Revision 10: published Tan Nhu
- Revision 11: published André Cruz
- Revision 13: published André Cruz
- Revision 14: published
- Revision 15: published Tan Nhu
- Revision 16: published
- Revision 17: published
- Revision 18: published
- Revision 19: published
- Revision 21: published
- Revision 22: published
- Revision 25: published
- Revision 27: published
- Revision 28: published
- Revision 29: published
- Revision 38: published
- Revision 39: published
- Revision 40: published
- Revision 41: published
- Revision 51: published André Cruz
- Revision 52: published André Cruz
- Revision 54: published André Cruz
- Revision 58: published André Cruz
- Revision 61: published Nodir Turakulov
- Revision 62: published Airy
- Revision 64: published
- Revision 69: published
- Revision 70: published André Cruz
- Revision 77: published André Cruz
- Revision 79: published André Cruz
- Revision 83: published
- Revision 84: published Aadit M Shah
- Revision 85: published Aadit M Shah
- Revision 86: published Yuan Tao
- Revision 88: published
- Revision 89: published Aadit M Shah
- Revision 90: published Yuan Tao
- Revision 91: published Aadit M Shah
- Revision 92: published Yuan Tao
- Revision 93: published Yuan Tao
- Revision 94: published Aadit M Shah
- Revision 95: published Aadit M Shah
- Revision 96: published Yuan Tao
- Revision 97: published Aadit M Shah
- Revision 98: published Yuan Tao
- Revision 100: published Yuan Tao
- Revision 104: published
- Revision 105: published Aadit M Shah
- Revision 106: published Yuan Tao
- Revision 107: published André Cruz
- Revision 108: published Aadit M Shah
- Revision 109: published Mark Johnson
- Revision 110: published Mark Johnson
- Revision 111: published Mark Johnson
- Revision 112: published
- Revision 113: published
- Revision 117: published Aadit M Shah
- Revision 118: published Aadit M Shah
- Revision 119: published Yannick Albert and last updated
- Revision 122: published
- Revision 124: published
- Revision 127: published Aadit M Shah
- Revision 128: published and last updated
- Revision 129: published Yuan Tao
- Revision 132: published
- Revision 135: published
- Revision 136: published and last updated
- Revision 137: published
- Revision 140: published
- Revision 143: published
- Revision 144: published Patrick Steele-Idem
- Revision 145: published torworx
- Revision 146: published Yuan Tao
- Revision 147: published
- Revision 148: published
- Revision 149: published
- Revision 150: published
- Revision 151: published
- Revision 152: published
- Revision 155: published
- Revision 156: published Martijn van Beek
- Revision 157: published Austin Appleby
- Revision 158: published Aadit M Shah
- Revision 159: published Jarid Margolin
- Revision 160: published Pete Hodgson
- Revision 162: published John Doe
- Revision 163: published
- Revision 164: published
- Revision 165: published
- Revision 166: published Nicolas Vanhoren
- Revision 167: published
- Revision 168: published Kamil
- Revision 169: published Enzo
- Revision 170: published
- Revision 171: published Tom Villeneuve-Pelletier
- Revision 172: published alban
- Revision 173: published alban
- Revision 174: published alban
- Revision 175: published Naja Melan
- Revision 179: published Pedro Gomes
- Revision 181: published
- Revision 182: published
- Revision 183: published
- Revision 184: published
- Revision 185: published
- Revision 186: published thomas
0 Comments