Benchmark: Arrow function vs bind function creation

Script Preparation code:

function predefined () { return this; }
var something = 'something';

Tests:

Arrow function
arrowFn = () => something
Bind function
bindFn = predefined.bind(something)

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Bind function

12.6M/s

Arrow function

12.5M/s

View exact numbers

✓ Bind function: 12,584,300 ops/sec
• Arrow function: 12,530,526 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
Arrow function
Bind function

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 135 on Windows

View result in a separate tab

Arrow function

13.1M/s

Bind function

12.6M/s

View exact numbers

Test name	Executions per second
✓ Arrow function	13,058,390 Ops/sec
Bind function	12,584,300 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 is being tested.

**Benchmark Overview**

The benchmark compares the performance of two approaches to create a function in JavaScript:

1. **Arrow Function**: The first test case uses an arrow function (`arrowFn = () => something`) to create a function.
2. **Bind Function Creation**: The second test case uses the `bind()` method to create a new function from an existing one (`bindFn = predefined.bind(something)`).

**Options Compared**

Two options are being compared:

* Arrow Function (using `() => something`)
* Bind Function Creation (using `predefined.bind(something)`) + **Function Constructor**, which is used to create a new function by passing an existing function as an argument.

**Pros and Cons of Each Approach:**

1. **Arrow Function**:
	* Pros:
		+ Concise syntax
		+ Immutability (return value cannot be changed)
		+ No need for `this` context resolution
	* Cons:
		+ May have poor performance due to the creation of a new function object, which can lead to memory allocation and garbage collection overhead.
2. **Bind Function Creation**:
	* Pros:
		+ Can provide more control over the function's context (`this` binding)
		+ Can be used with existing functions that already have the correct `this` context
	* Cons:
		+ Requires creating a new object using the `bind()` method, which can lead to memory allocation and garbage collection overhead.
		+ May not provide better performance compared to arrow functions.

**Other Considerations**

1. **Function Constructor**: The third option mentioned in the benchmark definition is not included in the individual test cases. However, it's worth noting that using a function constructor (`new Function('return something;')`) can also create a new function object and may have similar performance characteristics to bind function creation.
2. **Library Usage**: There are no libraries being used in this benchmark.

**Special JavaScript Features or Syntax**

None of the test cases use special JavaScript features or syntax that would affect their execution. The focus is on comparing the performance of two fundamental approaches to create functions in JavaScript.

**Other Alternatives**

If you want to compare the performance of other ways to create functions, such as:

* **Immediately Invoked Function Expression (IIFE)**: `(function() { return something; }())`
* **Function Expressions**: `var fn = function(something) { return something; };`
* **Closure-based Functions**: `(function(something) { return function() { return something; }; })(something)`
* **Async Function**: `(async function() { return something; })()`

You can add these alternatives to the benchmark definition and test cases.

I hope this explanation helps!

Arrow function vs bind function creation (version: 0)

Comparing performance of: `Arrow function vs Bind function`

Created: 3 years ago by: Guest

Go to the latest result

Arrow function

Bind function

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Arrow function vs bind function creation (version: 0)

Comparing performance of: Arrow function vs Bind function

Created: 3 years ago by: Guest

Go to the latest result

Arrow function

Bind function

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 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: `Arrow function vs Bind function`