Run results for: Proxy target[key] vs Reflect.get vs optional Reflect.get

Run details:

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

Browser: Chrome 129

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

baseline property access

6.2M/s

target[key]

5.2M/s

baseline get function

4.4M/s

optional reflect.get

2.9M/s

reflect.get

2.7M/s

View exact numbers

Test name	Executions per second
✓ baseline property access	6,169,134 Ops/sec
target[key]	5,201,140 Ops/sec
baseline get function	4,373,958 Ops/sec
optional reflect.get	2,883,377 Ops/sec
reflect.get	2,692,096 Ops/sec

Script Preparation code:

object = { value: 'data' };

function getValue(){
return object.value
}
  

proxy = new Proxy(object, {
	get(target, key, receiver) {
    	return target[key]
    }
})

proxyOptional = new Proxy(object, {
	get(target, key, receiver) {
    	return proxyOptional === receiver ? target[key] : Reflect.get(target, key, receiver)
    }
})

proxyReflect = new Proxy(object, {
	get(target, key, receiver) {
    	return Reflect.get(target, key, receiver)
    }
})

Tests:

target[key]
proxy.value
optional reflect.get
proxyOptional.value
reflect.get
proxyReflect.value
baseline property access
object.value
baseline get function
getValue()