Benchmark: Proxy setter with sub operation v. class

Script Preparation code:

var c = 0;
object = {};
class p {
    set value(v){
         if (c++%7==0) v += c;
        this._value = v;
    }
}
proxy = new p();
proxyWithHandler = new Proxy(object, {
	set(target, prop, receiver) {
        if (c++%7==0) prop += c;
    	return Reflect.set(target, prop, receiver);
    }
})

Tests:

Object setter
object.value = 'data';
Proxy setter
proxy.value = 'data';
Proxy with set handler
proxyWithHandler.value = 'data';

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object setter
Proxy setter
Proxy with set handler

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36 Edg/94.0.992.38

Browser/OS: Chrome 94 on Windows

View result in a separate tab

Test name	Executions per second
Object setter	5262696.0 Ops/sec
Proxy setter	1703046.0 Ops/sec
Proxy with set handler	874933.1 Ops/sec

Proxy setter with sub operation v. class (version: 0)

Comparing performance of: Object setter vs Proxy setter vs Proxy with set handler

Created: 3 years ago by: Guest

Jump to the latest result

Object setter

Proxy setter

Proxy with set handler

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A