prototype vs closures

JavaScript performance comparison

Revision 27 of this test case created by

Preparation code 


      
      <script>

        Benchmark.prototype.setup = function() {

          
  function Person(name) {
    this.name = name;
  }
  
  Person.prototype.get_name = function() {
    return this.name;
  };
  
  Person.prototype.set_name = function(name) {
    this.name = name;
  };
  
  Person.prototype.set_name1 = function(name) {
    this.name = name;
  };
  
  Person.prototype.set_name2 = function(name) {
    this.name = name;
  };
  
  Person.prototype.set_name3 = function(name) {
    this.name = name;
  };
  
  Person.prototype.set_name4 = function(name) {
    this.name = name;
  };
  
  Person.prototype.set_name5 = function(name) {
    this.name = name;
  };
  
  var person = function(name) {
      var _name = name;
  
      return {
        'get_name': function() {
          return _name;
        },
        'set_name': function(name) {
          _name = name;
        },
        'set_name1': function(name) {
          _name = name;
        },
        'set_name2': function(name) {
          _name = name;
        },
        'set_name3': function(name) {
          _name = name;
        },
        'set_name4': function(name) {
          _name = name;
        },
        'set_name5': function(name) {
          _name = name;
        }
      };
      };
  
  var _p = new Person('John');
  var _c = person('John');

        
  };


      
</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
Prototype init 
var p = new Person('John');
 pending…
Closure init 
var c = person('John');
 pending…
Prototype read 
_p.get_name();
 pending…
Closure read 
_c.get_name();
 pending…
Prototype write 
_p.set_name('Jane');
 pending…
Closure write 
_c.set_name('Jane');
 pending…
Prototype mutliple creations 
var arr = [];
for (var i = 0; i < 100; i += 1) {
  arr.push(new Person('John'));
}
 pending…
Closure mutliple creations 
var arr = [];
for (var i = 0; i < 100; i += 1) {
  arr.push(new person('John'));
}
 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