Benchmark: The grand dictionary property accessor schema

The grand dictionary property accessor schema (version: 0)

Objects: - porperty accessors - scope accessors

Comparing performance of: Get literal property vs Method class get scope prop vs Method class set scope prop vs Function literal get prop vs Function literal set prop vs Function constructor get prop vs Function constructor set prop vs Function class get prop vs Function class set prop vs Function literal get scope prop vs Function literal set scope prop vs Function constructor get scope prop vs Function constructor set scope prop vs Method constructor set scope prop vs Function class get scope prop vs Arrow-function literal get scope prop vs Arrow-function literal set scope prop vs Arrow-function constructor get scope prop vs Arrow-function constructor set scope prop vs Arrow-function class get scope prop vs Arrow-function class set scope prop vs Function constructor get instance prop vs Function constructor set instance prop vs Function class get instance prop vs Function class set instance prop vs Arrow-function constructor get instance prop vs Arrow-function constructor set instance prop vs Function class set scope prop vs Method constructor get scope prop vs Method literal set scope prop vs Method literal get scope prop vs Set literal prop vs Get constructor prop vs Set constructor prop vs Get class prop vs Set class prop vs Getter literal prop vs Setter literal prop vs Getter constructor prop vs Setter constructor prop vs Getter class prop vs Setter class prop vs Getter class private prop vs Setter class private prop vs Getter literal scope prop vs Setter literal scope prop vs Getter constructor scope prop vs Setter constructor scope prop vs Getter scope class prop vs Setter scope class prop vs Method literal get prop vs Method literal set prop vs Method constructor get prop vs Method constructor set prop vs Method class get prop vs Method class set prop vs Method class get private prop vs Method class set private prop vs Arrow-function class get instance prop vs Arrow-function class set instance prop

Created: 3 years ago by: Guest

Jump to the latest result

Script Preparation code:

let scopeProp = 1;

var literal = {
  prop: 1,
  // getters and setters
  get getterThisProp() {
    return this.prop;
  },
  set setterThisProp(value) {
    this.prop = value;
  },
  get getterScopeProp() {
    return scopeProp;
  },
  set setterScopeProp(value) {
    scopeProp = value;
  },
  // methods
  getThisPropMeth() {
    return this.prop;
  },
  setThisPropMeth(value) {
    this.prop = value;
  },
  getScopePropMeth() {
    return scopeProp;
  },
  setScopePropMeth(value) {
    scopeProp = value;
  },
  // functions have refs to this
  getThisPropFunc: function() {
    return this.prop;
  },
  setThisPropFunc: function(value) {
    this.prop = value;
  },
  getScopePropFunc: function() {
    return scopeProp;
  },
  setScopePropFunc: function(value) {
    scopeProp = value;
  },
  // arrow functions no refs to this
  getScopePropArrow: () => scopeProp,
  setScopePropArrow: value => scopeProp = value,
};

function Constructed() {
  this.prop = 1;
  let instProp = 1;
  this.getInstPropFunc = function() {
    return instProp;
  };
  this.setInstPropFunc = function(value) {
    instProp = value;
  };
  this.getInstPropArrow = () => instProp;
  this.setInstPropArrow = value => instProp = value;
};
Constructed.prototype = {
  // getters and setters
  get getterThisProp() {
    return this.prop;
  },
  set setterThisProp(value) {
    this.prop = value;
  },
  get getterScopeProp() {
    return scopeProp;
  },
  set setterScopeProp(value) {
    scopeProp = value;
  },
  // methods
  getThisPropMeth() {
    return this.prop;
  },
  setThisPropMeth(value) {
    this.prop = value;
  },
  getScopePropMeth() {
    return scopeProp;
  },
  setScopePropMeth(value) {
    scopeProp = value;
  },
  // prototype functions have refs to this
  getThisPropFunc: function() {
    return this.prop;
  },
  setThisPropFunc: function(value) {
  	this.prop = value;
  },
  getScopePropFunc: function() {
    return scopeProp;
  },
  setScopePropFunc: function(value) {
    scopeProp = value;
  },
  // prototype arrow functions no refs to this
  getScopePropArrow: () => scopeProp,
  setScopePropArrow: value => scopeProp = value,
};
var constructed = new Constructed();

class Classed {
  prop = 1;
  #privProp = 1;
  // getters and setters
  get getterThisProp() {
    return this.prop;
  };
  set setterThisProp(value) {
    this.prop = value;
  };
  get getterThisPrivProp() {
    return this.#privProp;
  };
  set setterThisPrivProp(value) {
    this.#privProp = value;
  };
  get getterScopeProp() {
    return scopeProp;
  };
  set setterScopeProp(value) {
    scopeProp = value;
  };
  // methods
  getThisPropMeth() {
    return this.prop;
  };
  setThisPropMeth(value) {
    this.prop = value;
  };
  getThisPrivPropMeth() {
    return this.#privProp;
  };
  setThisPrivPropMeth(value) {
    this.#privProp = value;
  };
  getScopePropMeth() {
    return scopeProp;
  };
  setScopePropMeth(value) {
    scopeProp = value;
  };
  constructor() {
    let instProp = 1;
    this.getInstPropFunc = function() {
      return instProp;
    };
    this.setInstPropFunc = function(value) {
      instProp = value;
    };
    this.getInstPropArrow = () => instProp;
    this.setInstPropArrow = value => instProp = value;
  };
};
// prototype functions have refs to this.prop but not to this.#privProp
Classed.prototype.getThisPropFunc = function() {
    return this.prop;
};
Classed.prototype.setThisPropFunc = function(value) {
    this.prop = value;
};
Classed.prototype.getScopePropFunc = function() {
    return scopeProp;
};
Classed.prototype.setScopePropFunc = function(value) {
    scopeProp = value;
};
// prototype arrow functions no refs to this
Classed.prototype.getScopePropArrow = () => scopeProp;
Classed.prototype.setScopePropArrow = value => scopeProp = value;
var classed = new Classed();

Tests:

Get literal property
const value = literal.prop;
Method class get scope prop
const value = classed.getScopePropMeth();
Method class set scope prop
classed.setScopePropMeth(1);
Function literal get prop
const value = literal.getThisPropFunc();
Function literal set prop
literal.setThisPropFunc(1);
Function constructor get prop
const value = constructed.getThisPropFunc();
Function constructor set prop
constructed.setThisPropFunc(1);
Function class get prop
const value = classed.getThisPropFunc();
Function class set prop
classed.setThisPropFunc(1);
Function literal get scope prop
const value = literal.getScopePropFunc();
Function literal set scope prop
literal.setScopePropFunc(1);
Function constructor get scope prop
const value = constructed.getScopePropFunc();
Function constructor set scope prop
constructed.setScopePropFunc(1);
Method constructor set scope prop
constructed.setScopePropMeth(1);
Function class get scope prop
const value = classed.getScopePropFunc();
Arrow-function literal get scope prop
const value = literal.getScopePropArrow();
Arrow-function literal set scope prop
literal.setScopePropArrow(1);
Arrow-function constructor get scope prop
const value = constructed.getScopePropArrow();
Arrow-function constructor set scope prop
constructed.setScopePropArrow(1);
Arrow-function class get scope prop
const value = classed.getScopePropArrow();
Arrow-function class set scope prop
classed.setScopePropArrow(1);
Function constructor get instance prop
const value = constructed.getInstPropFunc();
Function constructor set instance prop
constructed.setInstPropFunc(1);
Function class get instance prop
const value = classed.getInstPropFunc();
Function class set instance prop
classed.setInstPropFunc(1);
Arrow-function constructor get instance prop
const value = constructed.getInstPropArrow();
Arrow-function constructor set instance prop
constructed.setInstPropArrow(1);
Function class set scope prop
classed.setScopePropFunc(1);
Method constructor get scope prop
const value = constructed.getScopePropMeth();
Method literal set scope prop
literal.setScopePropMeth(1);
Method literal get scope prop
const value = literal.getScopePropMeth();
Set literal prop
literal.prop = 1;
Get constructor prop
const value = constructed.prop;
Set constructor prop
constructed.prop = 1;
Get class prop
const value = classed.prop;
Set class prop
classed.prop = 1;
Getter literal prop
const value = literal.getterThisProp;
Setter literal prop
literal.setterThisProp = 1;
Getter constructor prop
const value = constructed.getterThisProp;
Setter constructor prop
constructed.setterThisProp = 1;
Getter class prop
const value = classed.getterThisProp;
Setter class prop
classed.setterThisProp = 1;
Getter class private prop
const value = classed.getterThisPrivProp;
Setter class private prop
classed.SetterThisPrivProp = 1;
Getter literal scope prop
const value = literal.getterScopeProp;
Setter literal scope prop
literal.setterScopeProp = 1;
Getter constructor scope prop
const value = constructed.getterScopeProp;
Setter constructor scope prop
constructed.setterScopeProp = 1;
Getter scope class prop
const value = classed.getterScopeProp;
Setter scope class prop
classed.setterScopeProp = 1;
Method literal get prop
const value = literal.getThisPropMeth();
Method literal set prop
literal.setThisPropMeth(1);
Method constructor get prop
const value = constructed.getThisPropMeth();
Method constructor set prop
constructed.setThisPropMeth(1);
Method class get prop
const value = classed.getThisPropMeth();
Method class set prop
classed.setThisPropMeth(1);
Method class get private prop
const value = classed.getThisPrivPropMeth();
Method class set private prop
classed.setThisPrivPropMeth(1);
Arrow-function class get instance prop
const value = classed.getInstPropArrow();
Arrow-function class set instance prop
classed.setInstPropArrow(1);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Get literal property
Method class get scope prop
Method class set scope prop
Function literal get prop
Function literal set prop
Function constructor get prop
Function constructor set prop
Function class get prop
Function class set prop
Function literal get scope prop
Function literal set scope prop
Function constructor get scope prop
Function constructor set scope prop
Method constructor set scope prop
Function class get scope prop
Arrow-function literal get scope prop
Arrow-function literal set scope prop
Arrow-function constructor get scope prop
Arrow-function constructor set scope prop
Arrow-function class get scope prop
Arrow-function class set scope prop
Function constructor get instance prop
Function constructor set instance prop
Function class get instance prop
Function class set instance prop
Arrow-function constructor get instance prop
Arrow-function constructor set instance prop
Function class set scope prop
Method constructor get scope prop
Method literal set scope prop
Method literal get scope prop
Set literal prop
Get constructor prop
Set constructor prop
Get class prop
Set class prop
Getter literal prop
Setter literal prop
Getter constructor prop
Setter constructor prop
Getter class prop
Setter class prop
Getter class private prop
Setter class private prop
Getter literal scope prop
Setter literal scope prop
Getter constructor scope prop
Setter constructor scope prop
Getter scope class prop
Setter scope class prop
Method literal get prop
Method literal set prop
Method constructor get prop
Method constructor set prop
Method class get prop
Method class set prop
Method class get private prop
Method class set private prop
Arrow-function class get instance prop
Arrow-function class set instance prop

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 Edg/106.0.1370.47

Browser/OS: Chrome 106 on Windows

View result in a separate tab

Test name	Executions per second
Get literal property	8646770.0 Ops/sec
Get constructor prop	8153831.0 Ops/sec
Set constructor prop	7717989.0 Ops/sec
Get class prop	8183354.0 Ops/sec
Set class prop	8295629.0 Ops/sec
Getter literal prop	6416526.0 Ops/sec
Setter literal prop	3509341.0 Ops/sec
Getter constructor prop	7619095.0 Ops/sec
Setter constructor prop	7173618.0 Ops/sec
Getter class prop	8098602.0 Ops/sec
Setter class prop	7942194.0 Ops/sec
Getter class private prop	8200501.0 Ops/sec
Setter class private prop	7553451.0 Ops/sec
Set literal prop	7114147.0 Ops/sec
Getter literal scope prop	6757382.0 Ops/sec
Getter constructor scope prop	8106261.0 Ops/sec
Setter constructor scope prop	7593591.0 Ops/sec
Getter scope class prop	7553595.0 Ops/sec
Setter scope class prop	7886704.0 Ops/sec
Method literal get prop	6655272.0 Ops/sec
Method literal set prop	6939840.0 Ops/sec
Method constructor get prop	7925488.0 Ops/sec
Method constructor set prop	7913521.0 Ops/sec
Method class get prop	8615293.0 Ops/sec
Method class set prop	8913657.0 Ops/sec
Method class get private prop	9203600.0 Ops/sec
Method class set private prop	8696339.0 Ops/sec
Setter literal scope prop	3300654.0 Ops/sec
Method literal get scope prop	7399666.0 Ops/sec
Method literal set scope prop	7013450.0 Ops/sec
Method constructor get scope prop	7927490.0 Ops/sec
Method class get scope prop	9961417.0 Ops/sec
Method class set scope prop	9800724.0 Ops/sec
Function literal get prop	8293915.0 Ops/sec
Function literal set prop	8550012.0 Ops/sec
Function constructor get prop	10247890.0 Ops/sec
Function constructor set prop	9977915.0 Ops/sec
Function class get prop	9992319.0 Ops/sec
Function class set prop	10130450.0 Ops/sec
Function literal get scope prop	9010491.0 Ops/sec
Function literal set scope prop	8499658.0 Ops/sec
Function constructor get scope prop	9770455.0 Ops/sec
Function constructor set scope prop	10353480.0 Ops/sec
Method constructor set scope prop	9128993.0 Ops/sec
Function class get scope prop	10469620.0 Ops/sec
Arrow-function literal get scope prop	8797373.0 Ops/sec
Arrow-function literal set scope prop	8094284.0 Ops/sec
Arrow-function constructor get scope prop	9483389.0 Ops/sec
Arrow-function constructor set scope prop	8833976.0 Ops/sec
Arrow-function class get scope prop	8651827.0 Ops/sec
Arrow-function class set scope prop	7531343.0 Ops/sec
Function constructor get instance prop	4956426.0 Ops/sec
Function constructor set instance prop	8337742.0 Ops/sec
Function class get instance prop	5749095.0 Ops/sec
Function class set instance prop	7665203.0 Ops/sec
Arrow-function constructor get instance prop	7793007.0 Ops/sec
Arrow-function constructor set instance prop	7783501.0 Ops/sec
Function class set scope prop	7921656.0 Ops/sec
Arrow-function class get instance prop	8952617.0 Ops/sec
Arrow-function class set instance prop	8788922.0 Ops/sec

The grand dictionary property accessor schema (version: 0)

Objects: - porperty accessors - scope accessors

Created: 3 years ago by: Guest

Jump to the latest result

Get literal property

Method class get scope prop

Method class set scope prop

Function literal get prop

Function literal set prop

Function constructor get prop

Function constructor set prop

Function class get prop

Function class set prop

Function literal get scope prop

Function literal set scope prop

Function constructor get scope prop

Function constructor set scope prop

Method constructor set scope prop

Function class get scope prop

Arrow-function literal get scope prop

Arrow-function literal set scope prop

Arrow-function constructor get scope prop

Arrow-function constructor set scope prop

Arrow-function class get scope prop

Arrow-function class set scope prop

Function constructor get instance prop

Function constructor set instance prop

Function class get instance prop

Function class set instance prop

Arrow-function constructor get instance prop

Arrow-function constructor set instance prop

Function class set scope prop

Method constructor get scope prop

Method literal set scope prop

Method literal get scope prop

Set literal prop

Get constructor prop

Set constructor prop

Get class prop

Set class prop

Getter literal prop

Setter literal prop

Getter constructor prop

Setter constructor prop

Getter class prop

Setter class prop

Getter class private prop

Setter class private prop

Getter literal scope prop

Setter literal scope prop

Getter constructor scope prop

Setter constructor scope prop

Getter scope class prop

Setter scope class prop

Method literal get prop

Method literal set prop

Method constructor get prop

Method constructor set prop

Method class get prop

Method class set prop

Method class get private prop

Method class set private prop

Arrow-function class get instance prop

Arrow-function class set instance prop

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A