Benchmark: Func vs new Func vs eval

Script Preparation code:

var func = Function("return 2 * 3");
var newFunc = new Function("return 3 * 2");
var fn = function(){return 3 * 7};
function Func(){
  this.ret = ()=> 7 * 3
};
var fnObjInit = new Func();
var arrow = ()=> 8*2;

Tests:

func
func();
new func
newFunc()
eval
eval("4 * 1")
vanilla func
fn()
vanilla constructor
fnObjInit.ret()
arrow
arrow()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
func
new func
eval
vanilla func
vanilla constructor
arrow

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Linux; Android 10; SAMSUNG SM-J810G) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/16.0 Chrome/92.0.4515.166 Mobile Safari/537.36

Browser/OS: Chrome Mobile 92 on Android

View result in a separate tab

Test name	Executions per second
func	954304.2 Ops/sec
new func	968712.6 Ops/sec
eval	231337.5 Ops/sec
vanilla func	955096.0 Ops/sec
vanilla constructor	949741.2 Ops/sec
arrow	972000.0 Ops/sec

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

LLMs can make mistakes. Check important info.

**Benchmark Overview**

MeasureThat.net is a website that allows users to create and run JavaScript microbenchmarks. The provided benchmark compares the performance of different approaches to define functions in JavaScript: using `Function()`, creating a new function object with `new Function()`, and using `eval()`.

**Test Cases**

There are six test cases:

1. **func**: Calls the function defined by `var func = Function("return 2 * 3");`
2. **new Func**: Creates a new function object using `new Function("return 3 * 2")`
3. **eval**: Uses `eval("4 * 1")` to define and execute the expression
4. **vanilla func**: Calls the function defined by `var fn = function(){return 3 * 7};`
5. **vanilla constructor**: Calls the method defined by `var fnObjInit = new Func(); var fnObjInit.ret = ()=> 7 * 3;`
6. **arrow**: Calls the arrow function defined by `=> 8*2`

**Options Compared**

The benchmark compares the performance of three different approaches:

1. **Function()**: The traditional way to define functions in JavaScript using the `Function` constructor.
2. **new Function()**: A modern approach to defining functions, which is more efficient than the traditional method.
3. **eval()**: A built-in function that executes a string as JavaScript code.

**Pros and Cons**

1. **Function()**:
	* Pros: Widely supported and easy to understand.
	* Cons: Less efficient than `new Function()` and can be vulnerable to security issues.
2. **new Function()**:
	* Pros: More efficient than `Function()` and provides better error handling.
	* Cons: May not be supported in older browsers or environments.
3. **eval()**:
	* Pros: Provides dynamic evaluation of expressions, but be cautious with security concerns.
	* Cons: Performance is generally slower than the other two options.

**Library and Purpose**

None of the test cases use a library, as they are focusing on the fundamental differences between these three approaches.

**Special JS Feature or Syntax**

The benchmark uses arrow functions (`=>`) in one of the test cases. Arrow functions are a shorthand syntax for defining small, single-expression functions, which is a modern feature introduced in ECMAScript 2015 (ES6).

**Other Alternatives**

While `new Function()` and `eval()` are the primary alternatives to traditional function definition using `Function()`, other approaches like:

* **Immediately Invoked Function Expressions (IIFE)**: A way to create functions immediately, without declaring a variable.
* **Constructor Functions**: Similar to `new Function()`, but with a different syntax.

may also be used in certain situations. However, these alternatives are not included in the provided benchmark.

Related benchmarks:

Func vs new Func vs eval (version: 5)

Comparing performance of: func vs new func vs eval vs vanilla func vs vanilla constructor vs arrow

Created: one year ago by: Registered User

Jump to the latest result

func

new func

eval

vanilla func

vanilla constructor

arrow

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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