Run results for: Data Properties vs Getter / Setter Methods ES2015

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Browser: Chrome 103

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
get data from data property	16506302.0 Ops/sec
set data to data property	15876485.0 Ops/sec
get data from class accessor	16048633.0 Ops/sec
set data to class accessor	15894866.0 Ops/sec

Script Preparation code:

var data = {
  property: ''
};


class MyClass {  
  constructor() {
    this._property = '';
  }
  get property() {
    return this._property;
  }
  set property(value) {
    this._property = value;
  }
}
    
var classAccessor = new MyClass();

Tests:

get data from data property
var value = data.property;
set data to data property
data.property = 'test';
get data from class accessor
var value = classAccessor.property;
set data to class accessor
classAccessor.property = 'test';

Run results for: Data Properties vs Getter / Setter Methods ES2015

get data from data property

set data to data property

get data from class accessor

set data to class accessor