Benchmark: methods vs functions

HTML Preparation code:

<div id='test'></div>

Script Preparation code:

window.div = document.getElementById('test');

function add() {
    console.log(1 + 1)
}

function add2(parm) {
    console.log(1 + parm)
}

function add3(parm) {
    console.log(1 + parm)
    return parm;
}

window.methods = {
    add() {
        console.log(1 + 1)
    },
    add2(parm) {
        console.log(1 + parm)
    },
    add3(parm) {
        console.log(1 + parm)
        return parm;
    },
};

Tests:

function
add();
func w/ parm
add2(1);
func w/ return
add3(1);
method
methods.add();
mth w/ parm
methods.add2(1);
mth w/ return
methods.add3(1);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
function
func w/ parm
func w/ return
method
mth w/ parm
mth w/ return

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Firefox 138 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
function	380266.5 Ops/sec
func w/ parm	377833.5 Ops/sec
func w/ return	381320.9 Ops/sec
method	380612.8 Ops/sec
mth w/ parm	379696.2 Ops/sec
mth w/ return	380189.2 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark and explain what's being tested.

**Benchmark Context**

The benchmark compares the performance of three approaches:

1. Functions (regular JavaScript functions)
2. Methods (functions defined as methods on an object)
3. A mix of both (using a combination of regular functions and methods)

The benchmark script is designed to create an object `methods` with three functions: `add`, `add2`, and `add3`. These functions are then used in the benchmark test cases.

**Test Cases**

There are six test cases, each measuring the execution time of a specific function or method:

1. `function`: measures the execution time of a regular JavaScript function (in this case, `add`)
2. `func w/ parm`: measures the execution time of a regular JavaScript function with a parameter (`add2` with an argument `1`)
3. `func w/ return`: measures the execution time of a regular JavaScript function that returns a value (`add3` without any arguments)
4. `method`: measures the execution time of a method on the `methods` object
5. `mth w/ parm`: measures the execution time of a method with an argument on the `methods` object (in this case, `add2` with an argument `1`)
6. `mth w/ return`: measures the execution time of a method that returns a value on the `methods` object (in this case, `add3` without any arguments)

**Library Used**

The benchmark script uses the `window` object to define functions and methods. The `methods` object is used to store these functions as methods.

There are no external libraries or frameworks used in this benchmark.

**Special JS Features/Syntax**

None of the test cases use special JavaScript features or syntax beyond regular function definitions and method invocation on an object.

**Pros and Cons of Each Approach**

1. **Functions (Regular JavaScript Functions)**:
	* Pros: widely supported, easy to understand, and maintain.
	* Cons: may have overhead due to function creation and destruction.
2. **Methods (Functions Defined as Methods on an Object)**:
	* Pros: can be useful for encapsulating related functionality, especially in object-oriented programming.
	* Cons: may introduce additional overhead due to method invocation and object creation.
3. **Mix of Both**:
	* Pros: allows for a balanced approach between regular functions and methods.
	* Cons: may lead to increased complexity and maintenance burden.

**Other Alternatives**

If the benchmark wanted to compare other approaches, they could consider:

1. Closures
2. Lambda functions
3. Arrow functions
4. Promises or async/await
5. Web Workers (for parallel execution)

These alternatives would require modifications to the benchmark script, but would provide a more comprehensive comparison of JavaScript's function and method capabilities.

Overall, the benchmark provides a clear and concise comparison of regular JavaScript functions versus methods on an object, highlighting the pros and cons of each approach.

Related benchmarks:

methods vs functions (version: 0)

Comparing performance of: function vs func w/ parm vs func w/ return vs method vs mth w/ parm vs mth w/ return

Created: 5 years ago by: Guest

Jump to the latest result

function

func w/ parm

func w/ return

method

mth w/ parm

mth w/ return

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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