Benchmark: Vec2 clone vs copyFrom

HTML Preparation code:

<script>
    class Vec {
        constructor(x, y, z, w) {
            this.x = x || 0;
            this.y = y || 0;
            if (z !== undefined) this.z = z;
            if (w !== undefined) this.w = w;
        }
    }


    class Vec2 extends Vec {
        constructor(x, y) {
            super(x, y);
        }
        static clone(a) {
            return new Vec2(...a.xy);
        }
        static fromCopy(a) {
            return new Vec2({
                ...a
            }.x, {
                ...a
            }.y);
        }
        get xy() {
            return [this.x, this.y];
        }
    }
</script>

Tests:

method call --> asign from properties of two anonymous object spreaded.
const a = new Vec2(0, 0); const b = Vec2.fromCopy(a);
method call --> second method call, asign from a single anonymouse array spread
const a = new Vec2(0, 0); const b = Vec2.clone(a);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
method call --> asign from properties of two anonymous object spreaded.
method call --> second method call, asign from a single anonymouse array spread

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 88 on Windows

View result in a separate tab

Test name	Executions per second
method call --> asign from properties of two anonymous object spreaded.	3606911.0 Ops/sec
method call --> second method call, asign from a single anonymouse array spread	3678417.2 Ops/sec

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

LLMs can make mistakes. Check important info.

**Benchmark Analysis**

The provided benchmark measures the performance difference between two approaches in JavaScript: `Vec2.fromCopy(a)` and `Vec2.clone(a)`. The test cases simulate these methods on a `Vec2` object, which is a subclass of the `Vec` class.

**Approaches Compared:**

1. **From Copy**: This approach uses the spread operator (`...`) to copy properties from an anonymous object `a` into another anonymous object.
2. **Method Call**: This approach directly calls the `fromCopy(a)` method on a new instance of `Vec2`.

**Pros and Cons of Each Approach:**

* **From Copy**: Pros:
	+ More concise and readable code.
	+ Can be more efficient if only specific properties need to be copied.
*   Cons:
	+ May not preserve all object properties or create shallow copies if not careful with the spread operator.
* **Method Call**:
	+ Pros:
		- Creates a new instance of `Vec2`, which may be desirable for encapsulation and modularity.
		- Can be more explicit about intent, making code easier to understand for others.
	+ Cons:
		- May be less efficient due to the overhead of method calls.

**Other Considerations:**

* The use of spread operators (`...`) is a modern JavaScript feature introduced in ECMAScript 2018. It allows for concise copying of object properties.
* The `Vec2` class uses inheritance and subclassing, which is a common pattern in object-oriented programming. The `clone()` method creates a new instance by spreading the `a.xy` property, while the `fromCopy()` method spreads the entire object `a`.
* The benchmark results show that the `method call --> asign from a single anonymouse array spread` approach outperforms the other approach.

**Library and Purpose:**

The provided code uses the JavaScript library for dynamic HTML document creation and manipulation. This is not explicitly mentioned in the benchmark, but it's essential to note that some browsers may optimize or modify this code due to its use of `script` elements.

**Special JS Feature/Syntax:**

* The spread operator (`...`) introduced in ECMAScript 2018 is a notable feature used in both approaches. It allows for concise copying and assignment of object properties.
* The `super()` method used in the `Vec2` constructor to call the parent class (`Vec`) constructor.

Related benchmarks:

Vec2 clone vs copyFrom (version: 0)

Compare methods.

Comparing performance of: method call --> asign from properties of two anonymous object spreaded. vs method call --> second method call, asign from a single anonymouse array spread

Created: 3 years ago by: Registered User

Jump to the latest result

method call --> asign from properties of two anonymous object spreaded.

method call --> second method call, asign from a single anonymouse array spread

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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