Benchmark: es6 class static vs instance vs object method

Script Preparation code:

function bar() {}

var object = {
  bar() {}
}

var Foo = class Foo {
    static bar() {}
  	constructor () {}
    bar() {}
}

var foo = new Foo()

Tests:

function
bar();
object
object.bar();
static
Foo.bar();
instance
foo.bar();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
function
object
static
instance

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 14 days 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 Edg/135.0.0.0

Browser/OS: Chrome 135 on Windows

View result in a separate tab

Test name	Executions per second
function	103208936.0 Ops/sec
object	113139160.0 Ops/sec
static	113208712.0 Ops/sec
instance	107161640.0 Ops/sec

Autogenerated LLM Summary (model llama3.1:latest, generated 6 months ago):

LLMs can make mistakes. Check important info.

Let's dive into the details of this benchmark.

**What is being tested?**

The benchmark compares the performance of four different ways to call a function in JavaScript:

1. A standalone function (`bar();`)
2. A method called on an object (`object.bar();`)
3. A static method called on a class (`Foo.bar();`)
4. An instance method called on an instance of a class (`foo.bar();`)

**What options are compared?**

The main comparison is between the performance of calling a function as:

* A standalone function (not attached to any object or class)
* A method called on an object
* A static method called on a class
* An instance method called on an instance of a class

**Pros and cons of different approaches:**

1. **Standalone function**: The simplest way to call a function. Pros:
	* Easy to use.
	* No need to worry about the context in which it's being called (e.g., object or class).
	* Cons:
		+ May not be able to access external state or context.
2. **Method on an object**: Calling a method as part of an object. Pros:
	* Can access and modify external state associated with the object.
	* Can use `this` keyword to refer to the object itself.
	* Cons:
		+ May not be as performant as standalone functions or static methods, due to the overhead of method lookup and calling.
3. **Static method on a class**: Calling a function that's part of a class, but not attached to any instance. Pros:
	* Can be more performant than methods on objects, since they don't have to access instance-specific state.
	* Can use `this` keyword to refer to the class itself (though this is generally discouraged).
	* Cons:
		+ May not be able to access external state associated with specific instances of the class.
4. **Instance method on an instance**: Calling a function as part of a specific instance of a class. Pros:
	* Can access and modify state associated with that specific instance.
	* Uses `this` keyword to refer to the instance itself.
	* Cons:
		+ May be less performant than standalone functions or static methods, due to the overhead of method lookup and calling.

**Library used: None**

There is no external library being used in this benchmark.

**Special JS feature or syntax: None**

The benchmark only uses standard JavaScript features and syntax. No special features like async/await, generators, or decorators are being tested here.

**Other alternatives:**

If you need to optimize performance-critical code, consider using:

* **Standalone functions**: If the function doesn't need to access external state or context.
* **Static methods**: If the function can be called independently of specific instances of a class.
* **Memoization**: A technique where the result of expensive function calls is cached and reused on subsequent calls with the same arguments.

Remember that performance optimization should always be done after ensuring code correctness, readability, and maintainability.

Related benchmarks:

es6 class static vs instance vs object method (version: 0)

Comparing performance of: function vs object vs static vs instance

Created: 3 years ago by: Guest

Jump to the latest result

function

object

static

instance

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.1:latest, generated 6 months ago):