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	8305408.0 Ops/sec
Get constructor prop	10013170.0 Ops/sec
Set constructor prop	9582828.0 Ops/sec
Get class prop	9895995.0 Ops/sec
Set class prop	9540209.0 Ops/sec
Getter literal prop	7368476.0 Ops/sec
Setter literal prop	3408995.0 Ops/sec
Getter constructor prop	10058080.0 Ops/sec
Setter constructor prop	9552550.0 Ops/sec
Getter class prop	9787476.0 Ops/sec
Setter class prop	9550703.0 Ops/sec
Getter class private prop	10062460.0 Ops/sec
Setter class private prop	9413231.0 Ops/sec
Set literal prop	8912005.0 Ops/sec
Getter literal scope prop	8165422.0 Ops/sec
Getter constructor scope prop	9298345.0 Ops/sec
Setter constructor scope prop	9825016.0 Ops/sec
Getter scope class prop	9533723.0 Ops/sec
Setter scope class prop	8555764.0 Ops/sec
Method literal get prop	8067787.0 Ops/sec
Method literal set prop	7668342.0 Ops/sec
Method constructor get prop	8007069.0 Ops/sec
Method constructor set prop	9106763.0 Ops/sec
Method class get prop	8419000.0 Ops/sec
Method class set prop	8621677.0 Ops/sec
Method class get private prop	8525905.0 Ops/sec
Method class set private prop	8153788.0 Ops/sec
Setter literal scope prop	3430846.0 Ops/sec
Method literal get scope prop	8472816.0 Ops/sec
Method literal set scope prop	8522376.0 Ops/sec
Method constructor get scope prop	8760820.0 Ops/sec
Method class get scope prop	9704759.0 Ops/sec
Method class set scope prop	9739002.0 Ops/sec
Function literal get prop	8045960.0 Ops/sec
Function literal set prop	7930995.0 Ops/sec
Function constructor get prop	9851340.0 Ops/sec
Function constructor set prop	9513706.0 Ops/sec
Function class get prop	10071270.0 Ops/sec
Function class set prop	9508632.0 Ops/sec
Function literal get scope prop	8517427.0 Ops/sec
Function literal set scope prop	8571947.0 Ops/sec
Function constructor get scope prop	9755953.0 Ops/sec
Function constructor set scope prop	9735140.0 Ops/sec
Method constructor set scope prop	9475520.0 Ops/sec
Function class get scope prop	8587387.0 Ops/sec
Arrow-function literal get scope prop	8444248.0 Ops/sec
Arrow-function literal set scope prop	8424902.0 Ops/sec
Arrow-function constructor get scope prop	9662836.0 Ops/sec
Arrow-function constructor set scope prop	9766325.0 Ops/sec
Arrow-function class get scope prop	9413731.0 Ops/sec
Arrow-function class set scope prop	9799174.0 Ops/sec
Function constructor get instance prop	9718714.0 Ops/sec
Function constructor set instance prop	9037111.0 Ops/sec
Function class get instance prop	9532089.0 Ops/sec
Function class set instance prop	8540901.0 Ops/sec
Arrow-function constructor get instance prop	9113158.0 Ops/sec
Arrow-function constructor set instance prop	8849979.0 Ops/sec
Function class set scope prop	8648527.0 Ops/sec
Arrow-function class get instance prop	8501413.0 Ops/sec
Arrow-function class set instance prop	9402168.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