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

Run details:

User agent: Mozilla/5.0 (Linux; Android 7.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Mobile Safari/537.36

Browser: Chrome Mobile 103

Operating system: Android 7.0

Device Platform: Mobile

Date tested: 2 years ago

Test name	Executions per second
get data from data property	1150414.2 Ops/sec
set data to data property	1121909.4 Ops/sec
get data from class accessor	1164833.9 Ops/sec
set data to class accessor	1133439.6 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