Benchmark: class vs object - MeasureThat.net

Tests:

class
const reportsData = Array(1000).map((_, index) => ({ user: { id: index, name: 'user' + index } })); class Report { constructor(report) { this.report = report; } reporterId() { this.report.user.id; } reporterName() { this.report.user.name; } } const classReports = reportsData.map(data => new Report(data)); classReports.forEach(report => console.log(report.reporterId, reporter.name))
object
const reportsData = Array(1000).map((_, index) => ({ user: { id: index, name: 'user' + index } })); const createReport = (report) => { return { ...report, get reporterId() { return this.user.id }, get reporterName() { return this.user.name }, } } const objectReports = reportsData.map(data => createReport(data)); objectReports.forEach(report => console.log(report.reporterId, reporter.name))

Historical Performance Data aggregated from 8 community runs

Desktop Results:

Chrome 8 runs

object

218K/s

class

177K/s

Fastest: object (1.2x faster)

View exact numbers

✓ object: 218,375 ops/sec
• class: 176,786 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
class
object

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/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Browser/OS: Chrome 133 on Mac OS X 10.15.7

View result in a separate tab

object

150K/s

class

126K/s

View exact numbers

Test name	Executions per second
✓ object	150,189 Ops/sec
class	125,958 Ops/sec

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

LLMs can make mistakes. Check important info.

**What is being tested?**

MeasureThat.net is testing the performance difference between using classes and objects in JavaScript to create reports with a specific structure.

The benchmark is designed to compare the execution speed of two approaches:

1. Using a class (`Report`) to create reports, as shown in the "class" test case.
2. Creating an object that acts like a report using a constructor function (`createReport`), as shown in the "object" test case.

**Comparison of options**

In this benchmark, we have two main options:

1. **Classes**: Using classes to create reports is a more traditional approach in JavaScript. Classes provide a way to organize code into namespaces and can be used to define constructors, methods, and properties.
2. **Objects with constructor functions**: This approach uses a constructor function (`createReport`) to create objects that mimic the behavior of a class. The object has properties and methods defined using the `this` keyword.

**Pros and cons**

**Classes:**

Pros:

* Easier to read and understand for developers familiar with object-oriented programming (OOP) concepts.
* Provides more flexibility in defining constructors, methods, and properties.

Cons:

* May have overhead due to the creation of a new scope and the need to define a constructor function.
* Less flexible than objects with constructor functions when it comes to creating ad-hoc objects.

**Objects with constructor functions:**

Pros:

* Can be faster since there is no overhead from creating a new scope or defining a constructor function.
* Provides more flexibility in creating ad-hoc objects without having to define an entire class.

Cons:

* May require more code to achieve the same result as using classes.
* Less intuitive for developers unfamiliar with OOP concepts.

**Library usage**

There are no libraries used in these benchmark test cases. The code is self-contained and only uses built-in JavaScript features.

**Special JS feature or syntax**

There is no special JS feature or syntax being tested in this benchmark. It's a simple performance comparison of two approaches.

**Alternatives**

If you're looking for alternatives to MeasureThat.net, here are a few options:

1. **jsperf**: A popular online benchmarking tool that allows you to compare the execution speed of different JavaScript code snippets.
2. **Benchmark.js**: A lightweight and flexible benchmarking library for Node.js that provides a simple way to write benchmarks.
3. **Google Closure Compiler**: A compiler that optimizes JavaScript code for production, also includes a built-in benchmarking tool.

These alternatives can help you create and run your own benchmarks, but MeasureThat.net is still a convenient option for comparing the performance of different JavaScript approaches.

class vs object (version: 2) Benchmark.js

Comparing performance of: `class vs object`

Created: 2 years ago by: Registered User

Go to the latest result

class

object

Historical Performance Data aggregated from 8 community runs

Desktop Results:

Chrome 8 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

class vs object (version: 2) Benchmark.js

Comparing performance of: class vs object

Created: 2 years ago by: Registered User

Go to the latest result

class

object

Historical Performance Data aggregated from 8 community runs

Desktop Results:

Chrome 8 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: `class vs object`