Run results for: ES6 Proxy vs JS Object get/set vs get/set Function

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 131

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

get/set function

5.0M/s

Object read/write

4.6M/s

Proxy read/write

1.5M/s

View exact numbers

Test name	Executions per second
✓ get/set function	4,976,434 Ops/sec
Object read/write	4,586,474 Ops/sec
Proxy read/write	1,506,015 Ops/sec

Script Preparation code:

var object = { value: 'foo' };
var proxy = new Proxy(object, {
  get(target, prop) {
    return target[prop];
  },
  set(target, prop, value) {
    target[prop] = value;
  }
});
function getData(prop) {
  return object[prop];
}
function setData(prop, val) {
  object[prop] = val;
}

Tests:

Object read/write
const val = object.value; object.value = 'bar';
Proxy read/write
const val = proxy.value; proxy.value = 'bar';
get/set function
const val = getData('value'); setData('value', 'bar');