Benchmark: "this" property vs. closure upvalue

Script Preparation code:

const O1 = class {
  a = 1;
  get() {
    return this.a;
  }
}
var o1 = new O1();

const O2 = function() {
  return {
    a: 1,
    get: function() {
      return this.a;
    }
  }
}
var o2 = new O2();


const O3 = function() {
  let a = 1;
  return {
    get: function() {
      return a;
    }
  }
}
var o3 = new O3();

Tests:

Return property class instance
o1.get()
Return property of explicitly created object
o2.get()
Return closure upvalue
o3.get()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Return property class instance
Return property of explicitly created object
Return closure upvalue

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: 14 days ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36

Browser/OS: Chrome 124 on Linux

View result in a separate tab

Test name	Executions per second
Return property class instance	10780020.0 Ops/sec
Return property of explicitly created object	10652500.0 Ops/sec
Return closure upvalue	10628930.0 Ops/sec

"this" property vs. closure upvalue (version: 0)

Is it more efficient to access upvalues or object properties?

Comparing performance of: Return property class instance vs Return property of explicitly created object vs Return closure upvalue

Created: 14 days ago by: Guest

Jump to the latest result

Return property class instance

Return property of explicitly created object

Return closure upvalue

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A