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

Run details:

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

Browser: Chrome 142

Operating system: Windows

Device Platform: Desktop

Date tested: 7 months ago

Test name	Executions per second
get data from data property	160045248.0 Ops/sec
set data to data property	139008720.0 Ops/sec
get data from class accessor	153623088.0 Ops/sec
set data to class accessor	127838544.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