JavaScript Object Oriented Libraries Benchmark

JavaScript performance comparison

Revision 25 of this test case created by

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/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/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/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/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/classy.js"></script>

<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/ptclass.js"</script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/ptclass.js"</script>

<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/all.js"></script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/all.js"></script>

<script src="https://raw.github.com/IndigoUnited/dejavu/master/dist/regular/loose/dejavu.js"></script>

<script>
var dejavuClassPerson = dejavu.Class({
  initialize: function(name){
    this.name = name;
  },
  setAddress: function(country, city, street) {
    this.country = country;
    this.city = city;
    this.street = street;
  }
});

var dejavuClassFrenchGuy = dejavu.Class({
  $extends: dejavuClassPerson,
  setAddress: function(city, street) {
    this.$super("France", city, street);
  }
});

var dejavuClassParisLover = dejavu.Class({
  $extends: dejavuClassFrenchGuy,
  setAddress: function(street) {
    this.$super('Paris', street);
  }
});

var dejavuSuperAlternativeClassPerson = dejavu.Class({
  initialize: function(name){
    this.name = name;
  },
  setAddress: function(country, city, street) {
    this.country = country;
    this.city = city;
    this.street = street;
  }
});

var dejavuSuperAlternativeClassFrenchGuy = dejavu.Class({
  $extends: dejavuSuperAlternativeClassPerson,
  setAddress: function(city, street) {
    dejavuSuperAlternativeClassFrenchGuy .$parent.prototype.setAddress.call(this, "France", city, street);
  }
});

var dejavuSuperAlternativeClassParisLover = dejavu.Class({
  $extends: dejavuSuperAlternativeClassFrenchGuy,
  setAddress: function(street) {
    dejavuSuperAlternativeClassParisLover .$parent.prototype.setAddress.call(this, 'Paris', street);
  }
});
</script>

Preparation code output

<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/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/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/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/classy.js"></script> <script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/ptclass.js"</script> <script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/ptclass.js"</script> <script src="http://dl.dropbox.com/u/7677927/oop-benchmark/all.js"></script> <script src="http://dl.dropbox.com/u/7677927/oop-benchmark/all.js"></script> <script src="https://raw.github.com/IndigoUnited/dejavu/master/dist/regular/loose/dejavu.js"></script> <script> var dejavuClassPerson = dejavu.Class({ initialize: function(name){ this.name = name; }, setAddress: function(country, city, street) { this.country = country; this.city = city; this.street = street; } }); var dejavuClassFrenchGuy = dejavu.Class({ $extends: dejavuClassPerson, setAddress: function(city, street) { this.$super("France", city, street); } }); var dejavuClassParisLover = dejavu.Class({ $extends: dejavuClassFrenchGuy, setAddress: function(street) { this.$super('Paris', street); } }); var dejavuSuperAlternativeClassPerson = dejavu.Class({ initialize: function(name){ this.name = name; }, setAddress: function(country, city, street) { this.country = country; this.city = city; this.street = street; } }); var dejavuSuperAlternativeClassFrenchGuy = dejavu.Class({ $extends: dejavuSuperAlternativeClassPerson, setAddress: function(city, street) { dejavuSuperAlternativeClassFrenchGuy .$parent.prototype.setAddress.call(this, "France", city, street); } }); var dejavuSuperAlternativeClassParisLover = dejavu.Class({ $extends: dejavuSuperAlternativeClassFrenchGuy, setAddress: function(street) { dejavuSuperAlternativeClassParisLover .$parent.prototype.setAddress.call(this, 'Paris', street); } }); </script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
JSFace 
var p3 = new JSFaceParisLover("Mary");
p3.setAddress("CH");
 pending…
my.Class 
var p6 = new MyParisLover("Mary");
p6.setAddress("CH");
 pending…
John Resig Class 
var p9 = new JRParisLover("Mary");
p9.setAddress("CH");
 pending…
Klass 
var p12 = new EnderParisLover("Mary");
p12.setAddress("CH");
 pending…
Classy 
var p15 = new ClassyParisLover("Mary");
p15.setAddress("CH");
 pending…
PTClass 
var p18 = new PTClassParisLover("Mary");
p18.setAddress("CH");
 pending…
dejavu 
var p19 = new dejavuClassParisLover("Mary");
p19.setAddress("CH");
 pending…
dejavu $super alternative 
var p20 = new dejavuSuperAlternativeClassParisLover("Mary");
p20.setAddress("CH");
 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.

0 Comments