Object.create vs Crockford vs Constructor

JavaScript performance comparison

Revision 27 of this test case created by Scott Sauyet

Preparation code

<script>
  var sharedPrototype = {
   one: function() {
    return 1;
   },
   two: function() {
    return 2;
   },
   three: function() {
    return 3;
   }
  };
 
  var rodrigoCreate = function () {
      return new Constructor;
  };
 
  var crockfordCreate = function(proto) {
   var f = function() {};
   f.prototype = proto;
   return new f();
  };
 
  var Constructor = function() {};
  Constructor.prototype = sharedPrototype;
 
  var cornfordCreate = (function() {
   var f = function() {};
   return function(proto) {
    f.prototype = proto;
    return new f();
   };
  })();
 
  var cachedCornfordCreate = function(proto) {
    var f = function() {};
    f.prototype = proto;
    return function() {
      return new f();
    };
  };
 
  var cornfordCreate2 = cachedCornfordCreate(sharedPrototype);
</script>

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
Object.create()
var i = 100;
while (i--) Object.create(sharedPrototype);
pending…
Crockford Create
var i = 100;
while (i--) crockfordCreate(sharedPrototype);
pending…
Constructor
var i = 100;
while (i--) new Constructor;
pending…
Proto
var i = 100
while (i--) {
 ({
  '__proto__': Constructor
 })
}
pending…
Cornford Create
var i = 100;
while (i--) cornfordCreate(sharedPrototype);
pending…
Rodrigo Create
var i = 100;
while (i--) rodrigoCreate();
pending…
Cached Cornford Create
var i = 100;
while (i--) cornfordCreate2();
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. Here’s a list of current revisions for this page:

0 comments

Add a comment