Run results for: Getter / Setter vs Proxy vs Class getter

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 17

Operating system: iOS 17.5.1

Device Platform: Mobile

Date tested: 2 years ago

Benchmark engine: Benchmark.js

class getter setter

9.4M/s

setter getter

1.4M/s

proxy

1.4M/s

View exact numbers

Test name	Executions per second
✓ class getter setter	9,444,654 Ops/sec
setter getter	1,425,918 Ops/sec
proxy	1,353,739 Ops/sec

Script Preparation code:

data1 = {};
handler = {
  get: (target, prop) => (target[prop]),
  set: (target, prop, value) => (target[prop] = value),
};
proxy = new  Proxy(data1, handler);
data2 = {
  get test() {
    return this._test;
  },
  set test(value) {
    return this._test = value;
  }
};

class Data3 {
    _test;
  
	get test()
    {
      return this._test;
    }
    set test(value)
    {
      this._test = value;
    }
}
data3 = new Data3();

Tests:

setter getter
data2.test = Math.random(); console.log(data2.test);
proxy
proxy.test = Math.random(); console.log(proxy.test);
class getter setter
data3.test = Math.random()