Run results for: lazy getters vs proxy vs property

Run details:

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

Browser: Firefox 141

Operating system: Ubuntu

Device Platform: Desktop

Date tested: one year ago

lazy2

8.1M/s

lazy1

7.8M/s

property

7.4M/s

proxy

392K/s

View exact numbers

Test name	Executions per second
✓ lazy2	8,075,146 Ops/sec
lazy1	7,833,023 Ops/sec
property	7,380,658 Ops/sec
proxy	392,403 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

function lazy1(prototype, propertyKey, descriptor) {
    const originalFunction = descriptor.get;

    descriptor.get = function() {
        const val = originalFunction.apply(this, arguments);
        Object.defineProperty(this, propertyKey, {
            value: val
        });
        return val;
    }
}

function lazy2(prototype, propertyKey, descriptor) {
    const originalFunction = descriptor.get;
    const cachedKey = `__lazy__${propertyKey}`;

    descriptor.get = function() {
        if (!this.hasOwnProperty(cachedKey)) {
            this[cachedKey] = originalFunction.apply(this, arguments);
        }

        return this[cachedKey];
    };
}

class A {
	constructor(){
    	this.w = 1;
    }
    get x() {
        return 1;
    }
    get y() {
        return 1;
    }
}
lazy1(A.prototype, 'x', Object.getOwnPropertyDescriptor(A.prototype, 'x'));
lazy2(A.prototype, 'y', Object.getOwnPropertyDescriptor(A.prototype, 'y'));
const b = new Proxy({},{get(target, key){return 1;}});
const a = new A();

Tests:

lazy1
let tot = 0; while(tot < 100) tot+=a.x;
lazy2
let tot = 0; while(tot < 100) tot+=a.y;
proxy
let tot = 0; while(tot < 100) tot+=b.z;
property
let tot = 0; while(tot < 100) tot+=a.w;