Benchmark: getter vs properties

Tests:

property
let s = 0; class A { constructor() { this.a = 0.1; Object.defineProperty(this, 'c', { get: () => 0.1, }); } get b() { return 0.1; } } const a = new A(); for (let i=0; i<10000; i++) s += a.a;
getter
let s = 0; class A { constructor() { this.a = 0.1; Object.defineProperty(this, 'c', { get: () => 0.1, }); } get b() { return 0.1; } } const a = new A(); for (let i=0; i<10000; i++) s += a.b;
define
let s = 0; class A { constructor() { this.a = 0.1; Object.defineProperty(this, 'c', { get: () => 0.1, }); } get b() { return 0.1; } } const a = new A(); for (let i=0; i<10000; i++) s += a.c;
define property
let s = 0; class A { constructor() { this.a = 0.1; Object.defineProperty(this, 'd', { value: 0.1, }); } get b() { return 0.1; } } const a = new A(); for (let i=0; i<10000; i++) s += a.d;

Rendered benchmark preparation results:

Previous results

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

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Browser/OS: Chrome 106 on Mac OS X 10.15.7

getter vs properties (version: 0)