Run results for: Proxy class vs object literal

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:128.0) Gecko/20100101 Firefox/128.0

Browser: Firefox 128

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

Get property: Class object

20.2M/s

Get property: Object literal

14.8M/s

Initialize Proxy: Object literal

2.5M/s

Initialize Proxy: Class object

2.5M/s

Set property: Class object

1.0M/s

Set property: Object literal

1.0M/s

View exact numbers

Test name	Executions per second
✓ Get property: Class object	20,246,478 Ops/sec
Get property: Object literal	14,794,648 Ops/sec
Initialize Proxy: Object literal	2,547,109 Ops/sec
Initialize Proxy: Class object	2,511,943 Ops/sec
Set property: Class object	1,020,308 Ops/sec
Set property: Object literal	1,015,969 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