Benchmark: Arrow function vs normal function comparison

Script Preparation code:

arrowFn = (a, b) => a + b;
fn = function(a, b) {
    return a + b;
};

Tests:

Arrow function
arrowFn()
Normal function
fn()

Historical Performance Data aggregated from 164 community runs

Desktop Results:

Chrome 121 runs

Arrow function

11.1M/s

Normal function

11.1M/s

View exact numbers

✓ Arrow function: 11,109,437 ops/sec
• Normal function: 11,090,072 ops/sec

Firefox 14 runs

Arrow function

1098.4M/s

Normal function

1039.4M/s

View exact numbers

✓ Arrow function: 1,098,440,832 ops/sec
• Normal function: 1,039,446,080 ops/sec

Safari 11 runs

Arrow function

13.6M/s

Normal function

12.5M/s

View exact numbers

✓ Arrow function: 13,563,085 ops/sec
• Normal function: 12,497,779 ops/sec

Mobile Results:

Chrome 9 runs

Normal function

7.0M/s

Arrow function

6.9M/s

View exact numbers

✓ Normal function: 7,017,774 ops/sec
• Arrow function: 6,903,416 ops/sec

Safari 9 runs

Arrow function

15.6M/s

Normal function

14.6M/s

View exact numbers

✓ Arrow function: 15,611,018 ops/sec
• Normal function: 14,598,837 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
Normal function

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Safari 18 on Mac OS X 10.15.7

View result in a separate tab

Arrow function

15.5M/s

Normal function

15.4M/s

View exact numbers

Test name	Executions per second
✓ Arrow function	15,488,297 Ops/sec
Normal function	15,412,181 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 Definition**

The benchmark is comparing the performance of two types of functions in JavaScript: arrow functions and regular (non-arrow) functions.

**Options Compared**

Two options are compared:

1. **Arrow function**: An arrow function is a concise way to define small, single-purpose functions. It uses the `=>` operator to separate the input parameters from the function body.
2. **Regular function**: A regular function is defined using the `function` keyword and has more verbose syntax.

**Pros and Cons**

**Arrow Function:**

Pros:

* Concise syntax
* Less boilerplate code
* Can be used as method implementations in objects

Cons:

* Limited control over function scope (e.g., no `this` binding)
* Not compatible with older JavaScript engines that don't support arrow functions

**Regular Function:**

Pros:

* More traditional syntax, making it easier to read and understand for some developers
* More control over function scope and behavior
* Compatible with all JavaScript engines

Cons:

* Verbose syntax can make code harder to write and maintain

**Library and Purpose**

In this benchmark, the `function` keyword is used as a library. The `function` keyword provides a way to define custom functions in JavaScript.

**Special JS Feature or Syntax**

This benchmark doesn't use any special JavaScript features or syntax beyond the comparison of arrow functions and regular functions. However, it's worth noting that other benchmarks might compare different JavaScript engines, optimizations, or feature implementations.

**Other Alternatives**

There are several alternatives to this benchmark:

* **Babel**: A transpiler that converts modern JavaScript code into older syntax for compatibility with older browsers.
* **ES6+ Syntax Testing**: Benchmarks that test the performance of ES6+ ( ECMAScript 2015+) features, such as async/await, let/catch, or class expressions.
* **Browser-specific benchmarks**: Benchmarks that focus on specific browser features or optimizations, such as WebAssembly, WebGL, or GPU-accelerated computations.

I hope this explanation helps software engineers understand the purpose and implications of this benchmark!

Arrow function vs normal function comparison (version: 0)

Comparing performance of: `Arrow function vs Normal function`

Created: 5 years ago by: Guest

Go to the latest result

Arrow function

Normal function

Historical Performance Data aggregated from 164 community runs

Desktop Results:

Chrome 121 runs

Firefox 14 runs

Safari 11 runs

Mobile Results:

Chrome 9 runs

Safari 9 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 normal function comparison (version: 0)

Comparing performance of: Arrow function vs Normal function

Created: 5 years ago by: Guest

Go to the latest result

Arrow function

Normal function

Historical Performance Data aggregated from 164 community runs

Desktop Results:

Chrome 121 runs

Firefox 14 runs

Safari 11 runs

Mobile Results:

Chrome 9 runs

Safari 9 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 Normal function`