Benchmark: Cached Getter (class) vs Getter vs Proxy

Script Preparation code:

plainObj = {test: 1};
handler = {
  get: (target, prop) => (target[prop]),
};
proxy = new  Proxy(plainObj, handler);


class ClassGetterSetter {
  constructor() {
    this._test = 1;
  }
  get test() {
    return this._test;
  }
}

class CachedGetterSetter {
  constructor() {
    this._test = 1;
  }
  get test() {
    var val = this._test;
    //this.test = val;
    
    Object.defineProperty(this, 'test', {
  		value: val,
    });
    
    return val;
  }
}


objWithGetter = {
  _test: 1,
  get test() {
    return this._test;
  },
};

objWithClass = new ClassGetterSetter();
objWithCachedClass = new CachedGetterSetter();


var a = 0;

objWithCachedClass.test;

Tests:

getter / setter
a += objWithGetter.test;
proxy
a += proxy.test;
plain object
a += plainObj.test;
class getter
a += objWithClass.test;
cached class getter
a += objWithCachedClass.test;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
getter / setter
proxy
plain object
class getter
cached class getter

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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36

Browser/OS: Chrome 101 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
getter / setter	3155475.0 Ops/sec
proxy	2908096.0 Ops/sec
plain object	3285976.0 Ops/sec
class getter	3385412.0 Ops/sec
cached class getter	3590134.0 Ops/sec

Cached Getter (class) vs Getter vs Proxy (version: 0)

Comparing performance of: getter / setter vs proxy vs plain object vs class getter vs cached class getter

Created: 2 years ago by: Registered User

Jump to the latest result

getter / setter

proxy

plain object

class getter

cached class getter

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A