Benchmark: Data Properties vs Getter / Setter Methods ES2015

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';

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
get data from data property
set data to data property
get data from class accessor
set data to class accessor

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

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/OS: Chrome Mobile 103 on Android 7.0

View result in a separate tab

Test name	Executions per second
get data from data property	1150414.0 Ops/sec
set data to data property	1121909.0 Ops/sec
get data from class accessor	1164834.0 Ops/sec
set data to class accessor	1133440.0 Ops/sec

Data Properties vs Getter / Setter Methods ES2015 (version: 0)

Comparing performance of: get data from data property vs set data to data property vs get data from class accessor vs set data to class accessor

Created: one year ago by: Registered User

Jump to the latest result

get data from data property

set data to data property

get data from class accessor

set data to class accessor

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A