Object.create vs. new

JavaScript performance comparison

Revision 7 of this test case created by timur

Preparation code


      
      <script>
Benchmark.prototype.setup = function() {
  function MyClass (x, y) {
  	this.x = x;
  	this.y = y;
  }
  
  var MyProtoClass = {
  	init: (function (x, y) {
  		this.x = x;
  		this.y = y;
  		return this;
  	}),
  	x: 0,
  	y: 0
  };
  
  function doSomething (obj) {
  	var x = obj.x + obj.y,
  	    y = obj.x * obj.y,
  	    z = obj.x - obj.y;
  
  	return x * y * z; 
  }
  
  var x = 0 | (Math.random() * 10000),
      y = 0 | (Math.random() * 10000);
  
  var Creator = function() {
  };
  Creator.prototype = MyClass;

};
</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
new operator
var obj = new MyClass(x, y);
doSomething(obj);
pending…
Object.create().init()
var obj = Object.create(MyProtoClass).init(x, y);
doSomething(obj);
pending…
Object.create()
//See if it might be faster by not calling the init function.

var obj = Object.create(MyProtoClass);
obj.x = x;
obj.y = y;
doSomething(obj);
pending…
Custom Create
var obj = new Creator();
doSomething(obj);
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