Run results for: The grand dictionary property accessor schema

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.83 Safari/537.36

Browser: Chrome 99

Operating system: Mac OS X 10.13.6

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Get literal property	3756367.0 Ops/sec
Get constructor prop	4378365.0 Ops/sec
Set constructor prop	4669391.0 Ops/sec
Get class prop	4374375.0 Ops/sec
Set class prop	4490227.0 Ops/sec
Getter literal prop	3433548.0 Ops/sec
Setter literal prop	1853347.0 Ops/sec
Getter constructor prop	4585310.0 Ops/sec
Setter constructor prop	4169410.0 Ops/sec
Getter class prop	4055099.0 Ops/sec
Setter class prop	4208008.0 Ops/sec
Getter class private prop	4460302.0 Ops/sec
Setter class private prop	4080662.0 Ops/sec
Set literal prop	3905496.0 Ops/sec
Getter literal scope prop	3691561.0 Ops/sec
Getter constructor scope prop	4311585.0 Ops/sec
Setter constructor scope prop	4226822.0 Ops/sec
Getter scope class prop	4145531.0 Ops/sec
Setter scope class prop	4128448.0 Ops/sec
Method literal get prop	3612282.0 Ops/sec
Method literal set prop	3448585.0 Ops/sec
Method constructor get prop	4010419.0 Ops/sec
Method constructor set prop	3944395.0 Ops/sec
Method class get prop	3851767.0 Ops/sec
Method class set prop	3967502.0 Ops/sec
Method class get private prop	4815030.0 Ops/sec
Method class set private prop	3423957.0 Ops/sec
Setter literal scope prop	1869780.0 Ops/sec
Method literal get scope prop	4158322.0 Ops/sec
Method literal set scope prop	3731374.0 Ops/sec
Method constructor get scope prop	4065240.0 Ops/sec
Method class get scope prop	4042321.0 Ops/sec
Method class set scope prop	3883181.0 Ops/sec
Function literal get prop	3529917.0 Ops/sec
Function literal set prop	3330368.0 Ops/sec
Function constructor get prop	4020736.0 Ops/sec
Function constructor set prop	3536191.0 Ops/sec
Function class get prop	2851650.0 Ops/sec
Function class set prop	3968394.0 Ops/sec
Function literal get scope prop	3743158.0 Ops/sec
Function literal set scope prop	3262772.0 Ops/sec
Function constructor get scope prop	3699954.0 Ops/sec
Function constructor set scope prop	4199451.0 Ops/sec
Method constructor set scope prop	3978525.0 Ops/sec
Function class get scope prop	3860391.0 Ops/sec
Arrow-function literal get scope prop	3662555.0 Ops/sec
Arrow-function literal set scope prop	4131965.0 Ops/sec
Arrow-function constructor get scope prop	4108098.0 Ops/sec
Arrow-function constructor set scope prop	3953306.0 Ops/sec
Arrow-function class get scope prop	3693018.0 Ops/sec
Arrow-function class set scope prop	4621120.0 Ops/sec
Function constructor get instance prop	4577149.0 Ops/sec
Function constructor set instance prop	4690380.0 Ops/sec
Function class get instance prop	4726277.0 Ops/sec
Function class set instance prop	4477832.0 Ops/sec
Arrow-function constructor get instance prop	3694264.0 Ops/sec
Arrow-function constructor set instance prop	4339708.0 Ops/sec
Function class set scope prop	3896420.0 Ops/sec
Arrow-function class get instance prop	4450476.0 Ops/sec
Arrow-function class set instance prop	4532396.0 Ops/sec

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);

Run results for: The grand dictionary property accessor schema

Objects: - porperty accessors - scope accessors

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