Object.create vs Crockford vs Constructor

JavaScript performance comparison

Revision 22 of this test case created by Mark Bradley

Info

Adding a slower constructor function that can be used with or without the new operator.

Preparation code

<script>
  var sharedPrototype = {
   one: function() {
    return 1;
   },
   two: function() {
    return 2;
   },
   three: function() {
    return 3;
   }
  };
 
  var crockfordCreate = (function() {
   var f = function() {};
   return function(proto){
    f.prototype = proto;
    return new f();
   }
  })();
 
  var Constructor = function() {};
  Constructor.prototype = sharedPrototype;
 
  var SafeConstructor = function() {
    var win = (function() { return this; })();
    var that = this;
    if (that === win) {
      return new SafeConstructor();
    }
  };
  SafeConstructor.prototype = 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…
SafeConstructor
var i = 100;
while (i--) new SafeConstructor;
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