Benchmark: Knockout basic object create

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.1/knockout-latest.js" integrity="sha512-2AL/VEauKkZqQU9BHgnv48OhXcJPx9vdzxN1JrKDVc4FPU/MEE/BZ6d9l0mP7VmvLsjtYwqiYQpDskK9dG8KBA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Script Preparation code:

var arr = Array(200000).fill(0);

var myObj = function() { }

Tests:

POJO
for (var i=0; i < arr.length; i++) { arr[i] = new myObj(); }
KO
for (var i=0; i < arr.length; i++) { arr[i] = ko.observable({}); }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
POJO
KO

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 29 days ago):

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark definition and individual test cases.

**Benchmark Definition**

The benchmark definition is a JSON object that represents a JavaScript microbenchmark. The object contains the following properties:

* `Name`: A unique name for the benchmark.
* `Description`: An optional description of the benchmark, which is empty in this case.
* `Script Preparation Code`: A code snippet that is executed before running the benchmark. In this case, it creates an array of 200,000 zeros and defines a function `myObj`.
* `Html Preparation Code`: A code snippet that is executed before running the benchmark. It includes a script tag that loads the Knockout.js library.

**Individual Test Cases**

The benchmark definition contains two individual test cases:

1. **POJO (Plain Old JavaScript Object)**
	* The benchmark definition is: `for (var i=0; i < arr.length; i++) {\r\n  arr[i] = new myObj();\r\n}`
	* This test case measures the time it takes to create an array of 200,000 elements using the `new` keyword.
2. **KO (Knockout)**
	* The benchmark definition is: `for (var i=0; i < arr.length; i++) {\r\n  arr[i] = ko.observable({});\r\n}`
	* This test case measures the time it takes to create an array of 200,000 elements using Knockout's `observable` function.

**Options Compared**

The two test cases compare two different approaches:

1. **POJO**: Creates objects using the `new` keyword.
2. **KO**: Uses Knockout's `observable` function to create observable values (which are essentially objects with additional functionality).

**Pros and Cons of Each Approach**

* **POJO**:
	+ Pros: Lightweight, fast, and simple.
	+ Cons: No additional functionality or features provided by the `new` keyword.
* **KO**:
	+ Pros: Provides additional features and functionality, such as observability and data binding.
	+ Cons: Additional overhead due to the use of a library.

**Library - Knockout.js**

Knockout.js is a JavaScript framework that provides a way to create observable values, which are objects that can be bound to other parts of an application. The `observable` function creates a new observable value with the specified initial state. In this benchmark, it's used to create an array of 200,000 observable values.

**Special JS Feature - No Special Features**

There are no special JavaScript features or syntax used in these test cases beyond what is standard in JavaScript.

**Other Alternatives**

For creating objects in JavaScript, other alternatives could be:

* Using a class definition (e.g., `class MyObject { }`).
* Using a factory function (e.g., `function myObj() { return {} }`).

However, these approaches would not directly compare to the POJO and KO approaches used in this benchmark.

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/111.0

Browser/OS: Firefox 111 on Windows

View result in a separate tab

Test name	Executions per second
POJO	141.6 Ops/sec
KO	14.8 Ops/sec

Related benchmarks:

Knockout basic object create (version: 0)

Comparing performance of: POJO vs KO

Created: one year ago by: Guest

Jump to the latest result

POJO

KO

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 29 days ago):