Run results for: Proxy class vs object literal

Run details:

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

Browser: Safari 17

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 months ago

Test name	Executions per second
Initialize Proxy: Class object	1826436.0 Ops/sec
Initialize Proxy: Object literal	1714698.0 Ops/sec
Get property: Class object	1350247.8 Ops/sec
Get property: Object literal	1334311.9 Ops/sec
Set property: Class object	791998.6 Ops/sec
Set property: Object literal	775546.4 Ops/sec

Script Preparation code:

class ClassObject {
    constructor(a, b, c) {
        this.a = a
        this.b = b
        this.c = c
    }
}

function ObjectLiteral(a, b, c) {
    return {
        a,
        b,
        c
    }
}

function createClassObjectProxy(a, b, c) {
    return new Proxy(new ClassObject(a, b, c), {
        get(target, key, receiver) {
            return Reflect.get(target, key, receiver)
        },
        set(target, key, value, receiver) {
            Reflect.set(target, key, value, receiver)
            return true;
        }
    })
}

function createObjectLiteralProxy(a, b, c) {
    return new Proxy(ObjectLiteral(a, b, c), {
        get(target, key, receiver) {
            return Reflect.get(target, key, receiver)
        },
        set(target, key, value, receiver) {
            Reflect.set(target, key, value, receiver)
            return true;
        }
    })
}

const classObjectProxy = createClassObjectProxy(1, 2, 3)
const objectLiteralProxy = createObjectLiteralProxy(1, 2, 3)

function getClassObjectProxy() {
    return classObjectProxy;
}

function getObjectLiteralProxy() {
    return objectLiteralProxy;
}

Tests:

Initialize Proxy: Class object
const obj = createClassObjectProxy(1,2,3)
Initialize Proxy: Object literal
const obj = createObjectLiteralProxy(1,2,3)
Get property: Class object
const obj = getClassObjectProxy() const a = obj.a const b = obj.b const c = obj.c
Get property: Object literal
const obj = getObjectLiteralProxy() const a = obj.a const b = obj.b const c = obj.c
Set property: Class object
const obj = getClassObjectProxy() obj.a = 2 obj.b = 3 obj.c = 4
Set property: Object literal
const obj = getObjectLiteralProxy() obj.a = 2 obj.b = 3 obj.c = 4

Run results for: Proxy class vs object literal

Initialize Proxy: Class object

Initialize Proxy: Object literal

Get property: Class object

Get property: Object literal

Set property: Class object

Set property: Object literal