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: 9 months ago

get data from data property

160.0M/s

get data from class accessor

153.6M/s

set data to data property

139.0M/s

set data to class accessor

127.8M/s

View exact numbers

Test name	Executions per second
✓ get data from data property	160,045,248 Ops/sec
get data from class accessor	153,623,088 Ops/sec
set data to data property	139,008,720 Ops/sec
set data to class accessor	127,838,544 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';