Run results for: Callback vs Proxy apply

Run details:

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

Browser: Safari 17

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Callback	18915870.0 Ops/sec
Proxy.apply	7814304.5 Ops/sec

Script Preparation code:

// callback
const callbackBase = (cb) => {
	return cb() + 1;
};

globalThis.callbackTest = () => callbackBase(() => 2);

// proxy
const proxyBase = (a) => {
	return a + 1;
};

globalThis.proxyTest = new Proxy(proxyBase, {
    apply: (
      wrappingTarget,
      thisArg,
      args,
    ) => {
        return wrappingTarget.apply(thisArg, [2]);
    }
});

Tests:

Callback
callbackTest();
Proxy.apply
proxyTest()

Run results for: Callback vs Proxy apply

Compare extension techniques using callback and proxy. For sure callbacks should be faster, but when Proxy is considered as production solution so be aware of performance penalty

Callback

Proxy.apply