Benchmark: Proxy JS Get Benchmark

Script Preparation code:

object = { value: 'data' };
proxy = new Proxy(object, {})
proxyWithGet = new Proxy(object, {
	get(target, prop, receiver) {
        return target[prop];
    }
})

Tests:

object.value;
object.value;
proxy.value
proxy.value
proxyWithGet.value
proxyWithGet.value

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

object.value;

170.2M/s

proxy.value

65.8M/s

proxyWithGet.value

48.8M/s

Fastest: object.value; (3.5x faster)

View exact numbers

✓ object.value;: 170,176,304 ops/sec
• proxy.value: 65,751,532 ops/sec
• proxyWithGet.value: 48,781,908 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
object.value;
proxy.value
proxyWithGet.value

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 4 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:148.0) Gecko/20100101 Firefox/148.0

Browser/OS: Firefox 148 on Mac OS X 10.15

View result in a separate tab

object.value;

975.5M/s

proxy.value

195.5M/s

proxyWithGet.value

55.1M/s

View exact numbers

Test name	Executions per second
✓ object.value;	975,450,624 Ops/sec
proxy.value	195,531,648 Ops/sec
proxyWithGet.value	55,077,684 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

Let's dive into the explanation of the provided benchmark.

**What is tested:**

The provided JSON represents a JavaScript microbenchmark, which tests the performance of different approaches to accessing a property on an object using the Proxy API.

**Options compared:**

Three options are being compared:

1. **Direct property access**: `object.value;`
2. **Proxy with explicit getter function**: `proxy.value`
3. **Proxy with get() method**: `proxyWithGet.value`

These options differ in how they define the behavior of accessing the `value` property on the `object`.

**Pros and Cons of each approach:**

1. **Direct property access (`object.value;`)**
	* Pros:
		+ Simple and straightforward
		+ Easy to implement
	* Cons:
		+ May incur additional overhead due to the presence of Proxy object
2. **Proxy with explicit getter function (`proxy.value`)**
	* Pros:
		+ Provides fine-grained control over the access behavior
		+ Can be useful in specific use cases where custom logic is required
	* Cons:
		+ Requires defining a separate function for the getter, which can add overhead
3. **Proxy with get() method (`proxyWithGet.value`)**
	* Pros:
		+ Concise and easy to implement
		+ Aligns with the standard Proxy API usage pattern (using `get()` method)
	* Cons:
		+ May be less intuitive for some developers

**Library/Language features:**

None of the provided benchmarks rely on specific JavaScript libraries or language features beyond the standard Proxy API.

**Special JS feature/syntax:**

There are no special JavaScript features or syntax used in these benchmarks. They focus solely on testing the performance of different approaches to accessing properties using Proxies.

**Alternatives:**

Other alternatives for accessing properties on objects using Proxies include:

* Using a `set()` method with a custom getter function
* Utilizing a library like Lodash's `get()` function (although this benchmark does not use any external libraries)
* Implementing a custom, non-Proxy-based solution to access the property

These alternatives may offer different trade-offs in terms of performance, simplicity, and maintainability.

Keep in mind that the specific choices made by the benchmark authors (e.g., using Proxies with get() method vs. explicit getter function) are likely driven by their goals, target audience, and desired outcome for this particular benchmark.

Proxy JS Get Benchmark (version: 2)

Comparing performance of: `object.value; vs proxy.value vs proxyWithGet.value`

Created: 2 years ago by: Registered User

Go to the latest result

object.value;

proxy.value

proxyWithGet.value

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Proxy JS Get Benchmark (version: 2)

Comparing performance of: object.value; vs proxy.value vs proxyWithGet.value

Created: 2 years ago by: Registered User

Go to the latest result

object.value;

proxy.value

proxyWithGet.value

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `object.value; vs proxy.value vs proxyWithGet.value`