Run results for: Getter / Setter vs Proxy performance

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.5.2 Safari/605.1.15

Browser: Safari 26

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 months ago

Benchmark engine: Benchmark.js

getter / setter

233.1M/s

proxy getter/setter optimized?

229.8M/s

proxy immutable

68.2M/s

proxy immutable logging

2.0M/s

View exact numbers

Test name	Executions per second
✓ getter / setter	233,137,008 Ops/sec
proxy getter/setter optimized?	229,794,896 Ops/sec
proxy immutable	68,174,752 Ops/sec
proxy immutable logging	1,954,229 Ops/sec

Script Preparation code:

a = 0

data1 = {};
data2 = {};
data3 = {};

handler1 = {
  get: (target, prop) => (target[prop]),
  set: (target, prop, value) => (target[prop] = value),
};

proxy1 = new  Proxy(data1, handler1);


handler2 = {
  get: (target, prop) => (target[prop]),
  set: (target, prop, value) => (null),
};

proxy2 = new  Proxy(data2, handler2);

handler3 = {
  get: (target, prop) => (target[prop]),
  set: (target, prop, value) => (console.error("IMMUTABLE!!!")),
};

proxy3 = new  Proxy(data3, handler3);

data4 = {
  get test() {
    return this._test;
  },
  set test(value) {
    return this._test = value;
  }
};

Tests:

getter / setter
data4.test = Math.random(); a += data4.test;
proxy getter/setter optimized?
proxy1.test = Math.random(); a += proxy1.test;
proxy immutable
proxy2.test = Math.random(); a += proxy2.test;
proxy immutable logging
proxy3.test = Math.random(); a += proxy3.test;