Run results for: The grand dictionary property accessor schema

Run details:

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

Browser: Chrome 89

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Get literal property	8371095.0 Ops/sec
Get constructor prop	8205878.0 Ops/sec
Set constructor prop	9079499.0 Ops/sec
Get class prop	9403009.0 Ops/sec
Set class prop	9116238.0 Ops/sec
Getter literal prop	6696030.0 Ops/sec
Setter literal prop	3175887.0 Ops/sec
Getter constructor prop	9290309.0 Ops/sec
Setter constructor prop	9053098.0 Ops/sec
Getter class prop	8134244.0 Ops/sec
Setter class prop	9740058.0 Ops/sec
Getter class private prop	10020510.0 Ops/sec
Setter class private prop	9870029.0 Ops/sec
Set literal prop	7403152.0 Ops/sec
Getter literal scope prop	8073407.0 Ops/sec
Getter constructor scope prop	9927662.0 Ops/sec
Setter constructor scope prop	9038497.0 Ops/sec
Getter scope class prop	9908354.0 Ops/sec
Setter scope class prop	9938457.0 Ops/sec
Method literal get prop	8002160.0 Ops/sec
Method literal set prop	7224632.0 Ops/sec
Method constructor get prop	9644136.0 Ops/sec
Method constructor set prop	8571539.0 Ops/sec
Method class get prop	9121667.0 Ops/sec
Method class set prop	9072826.0 Ops/sec
Method class get private prop	9334979.0 Ops/sec
Method class set private prop	8832158.0 Ops/sec
Setter literal scope prop	3528739.0 Ops/sec
Method literal get scope prop	7598692.0 Ops/sec
Method literal set scope prop	7453916.0 Ops/sec
Method constructor get scope prop	8471598.0 Ops/sec
Method class get scope prop	9141150.0 Ops/sec
Method class set scope prop	9345286.0 Ops/sec
Function literal get prop	7683919.0 Ops/sec
Function literal set prop	7509106.0 Ops/sec
Function constructor get prop	9502684.0 Ops/sec
Function constructor set prop	8933682.0 Ops/sec
Function class get prop	9576631.0 Ops/sec
Function class set prop	9064047.0 Ops/sec
Function literal get scope prop	8216816.0 Ops/sec
Function literal set scope prop	8005518.0 Ops/sec
Function constructor get scope prop	8745237.0 Ops/sec
Function constructor set scope prop	9258840.0 Ops/sec
Method constructor set scope prop	8499649.0 Ops/sec
Function class get scope prop	8179367.0 Ops/sec
Arrow-function literal get scope prop	8294184.0 Ops/sec
Arrow-function literal set scope prop	8229253.0 Ops/sec
Arrow-function constructor get scope prop	9261328.0 Ops/sec
Arrow-function constructor set scope prop	9182411.0 Ops/sec
Arrow-function class get scope prop	9338611.0 Ops/sec
Arrow-function class set scope prop	8215989.0 Ops/sec
Function constructor get instance prop	9158563.0 Ops/sec
Function constructor set instance prop	9080545.0 Ops/sec
Function class get instance prop	8446962.0 Ops/sec
Function class set instance prop	8740759.0 Ops/sec
Arrow-function constructor get instance prop	8699919.0 Ops/sec
Arrow-function constructor set instance prop	8189719.0 Ops/sec
Function class set scope prop	8547287.0 Ops/sec
Arrow-function class get instance prop	9209728.0 Ops/sec
Arrow-function class set instance prop	8518113.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