Info

Testing the efficiency of different object type creation and call methods

Preparation code

<script>
  /*
   * "Traditional" Javascript Object
   */
  var ObjA = function() {
      this.foo = 0;
      this._baz = 0;
  }
  ObjA.prototype.bar = function(value) {
      return Math.sqrt(value);
  }
  ObjA.prototype.setBaz = function(value) {
      this._baz = value;
  }
  ObjA.prototype.getBaz = function() {
      return this._baz;
  }
  
  var instanceA = new ObjA();
  
  /*
   * "ECMA 5-style" Javascript Object
   */
  var ObjB = Object.create(Object, {
      foo: {
          value: 0
      },
      bar: {
          value: function(value) {
              return Math.sqrt(value);
          }
      },
      _baz: {
          value: 0
      },
      baz: {
          set: function(value) {
              this._baz = value;
          },
          get: function() {
              return this._baz;
          }
      }
  });
  
  var instanceB = Object.create(ObjB);
</script>

Test runner

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

Java applet disabled.

var obj = new ObjA();

var obj = Object.create(ObjB);

instanceA.foo = instanceA.foo + 1

instanceB.foo = instanceB.foo + 1

var value = instanceA.bar(64);

var value = instanceB.bar(64);

instanceA.setBaz(instanceA.getBaz() + 1);

instanceB.baz = instanceB.baz + 1

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:

• Revision 1: published by Brandon Jones on 2nd August 2011
• Revision 2: published on 19th September 2011

0 comments