Benchmark: Access to Proxy vs Object with getter

Script Preparation code:

object = { value: 'data', getData() {return this.value;} };
Object.defineProperty(object, 'dataProperty', {
  get() { return this.value; }
});
proxy = new Proxy(object, {})
proxyWithHandler = new Proxy(object, {
	get(target, prop, receiver) {
    	return Reflect.get(target, prop, receiver)
    }
})

Tests:

Object access
object.value;
Proxy access
proxy.value
Proxy with get handler access
proxyWithHandler.value
Use of simple getter
object.getData();
Use of defineProperty
object.dataProperty;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object access
Proxy access
Proxy with get handler access
Use of simple getter
Use of defineProperty

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 9 days ago)

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

Browser/OS: Safari 18 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Object access	374240800.0 Ops/sec
Proxy access	168965392.0 Ops/sec
Proxy with get handler access	28102984.0 Ops/sec
Use of simple getter	365375712.0 Ops/sec
Use of defineProperty	418255744.0 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 6 months ago):

LLMs can make mistakes. Check important info.

Let's break down what's being tested in the provided JSON.

**Benchmark Definition**

The benchmark defines two objects: `object` and `proxy`. The script preparation code creates these objects, including setting up a getter for `dataProperty` on `object` using `defineProperty`, and creating a proxy for `object` using `Proxy`.

**Options Being Compared**

There are four options being compared:

1. **Object access**: Accessing the `value` property directly on `object`.
2. **Proxy access**: Accessing the `value` property through the proxy created for `object`.
3. **Proxy with get handler access**: Accessing the `value` property through a proxy that uses a getter function to retrieve its value.
4. **Use of simple getter**: Calling the `getData()` method on `object` to retrieve its value.

**Pros and Cons**

Here's a brief overview of each option:

1. **Object access**: This is the most direct way to access the `value` property, but it may not be as efficient as other options since it involves a simple lookup.
	* Pros: Fast, straightforward.
	* Cons: May not be as efficient due to the direct lookup.
2. **Proxy access**: Using a proxy allows for more control over how the `value` property is accessed and retrieved.
	* Pros: Can provide more flexibility and customization options.
	* Cons: May introduce additional overhead due to the proxy setup.
3. **Proxy with get handler access**: This option uses a getter function to retrieve the value of the `value` property through the proxy.
	* Pros: Provides a controlled way to retrieve the value, which can be useful in certain scenarios.
	* Cons: Introduces additional overhead due to the getter function setup and calls.
4. **Use of simple getter**: Calling the `getData()` method on `object` is an alternative way to retrieve its value.
	* Pros: Fast, straightforward.
	* Cons: May not be as efficient as other options since it involves a method call.

**Library Used**

None explicitly mentioned in this benchmark.

**Special JS Feature/Syntax**

This benchmark does not use any special JavaScript features or syntax that would require additional explanation.

**Other Considerations**

The benchmark is designed to compare the performance of different ways to access and retrieve data from an object. The results will likely indicate which approach is most efficient, depending on the specific use case and requirements.

As for alternatives, other options might include:

* Using a library like Lodash or Underscore.js to provide more utility functions for working with objects.
* Implementing a custom caching mechanism to store the value of `dataProperty` directly on the proxy.
* Comparing the performance of different data structures, such as arrays or objects, for storing and retrieving values.

However, without additional context or requirements, these alternatives are not relevant to this specific benchmark.

Related benchmarks:

Access to Proxy vs Object with getter (version: 0)

Comparing performance of: Object access vs Proxy access vs Proxy with get handler access vs Use of simple getter vs Use of defineProperty

Created: 3 years ago by: Guest

Jump to the latest result

Object access

Proxy access

Proxy with get handler access

Use of simple getter

Use of defineProperty

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 6 months ago):