Benchmark: object creation+method lookup: new, object.create, literal+proto

Script Preparation code:

function Thing(prop1, prop2) {
  this.prop1 = prop1;
  this.prop2 = prop2;
}
Thing.prototype.doSomething = function () {
  this.prop1 += 1;
  this.prop2 ||= true;
};


let proto = {
  doSomething() {
    this.prop1 = 1;
    this.prop2 = true;
  }
}

function createThing(prop1, prop2) {
  return Object.create(proto, {
    prop1: {
      value: prop1,
      writable: true
    },
    prop2: {
      value: prop2,
      writable: true
    }
  });
}

function literalThing(prop1, prop2) {
  return {
    prop1,
    prop2,
    __proto__: proto
  };
}

function spreadThing(props) {
  return {
    ...props,
    __proto__: proto
  };
}

function createAndAssignThing(prop1, prop2) {
  return Object.assign(Object.create(proto), {
    prop1,
    prop2
  });
}

Tests:

new
new Thing().doSomething();
object.create
createThing().doSomething();
object literal+proto
literalThing().doSomething();
object.create+object.assign
createAndAssignThing().doSomething();
spread+proto
spreadThing({prop1: 0, prop2: false}).doSomething();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
new
object.create
object literal+proto
object.create+object.assign
spread+proto

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Browser/OS: Chrome 106 on Windows

View result in a separate tab

Test name	Executions per second
new	11346420.0 Ops/sec
object.create	971332.5 Ops/sec
object literal+proto	6066234.0 Ops/sec
object.create+object.assign	2017625.0 Ops/sec
spread+proto	5791606.0 Ops/sec

object creation+method lookup: new, object.create, literal+proto (version: 0)

Comparing performance of: new vs object.create vs object literal+proto vs object.create+object.assign vs spread+proto

Created: one year ago by: Registered User

Jump to the latest result

new

object.create

object literal+proto

object.create+object.assign

spread+proto

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A