Benchmark: Closure v Prototypical Objects 3

Script Preparation code:

function cloneSO(obj) {
    // Handle the 3 simple types, and null or undefined
    if (null == obj || "object" != typeof obj) return obj;

    // Handle Date
    if (obj instanceof Date) {
        var copy = new Date();
        copy.setTime(obj.getTime());
        return copy;
    }

    // Handle Array
    if (obj instanceof Array) {
        var copy = [];
        for (var i = 0, len = obj.length; i < len; i++) {
            copy[i] = cloneSO(obj[i]);
        }
        return copy;
    }

    // Handle Object
    if (obj instanceof Object) {
        var copy = {};
        for (var attr in obj) {
            if (obj.hasOwnProperty(attr)) copy[attr] = cloneSO(obj[attr]);
        }
        return copy;
    }

    throw new Error("Unable to copy obj! Its type isn't supported.");
}

Bang = (function () {
  let def = {};
  
  def.constructor = function (self) {
    self.foo1 = 15;
    self.foo2 = 'testing';
    self.foo3 = { i: 1, am: 2, a: 3, literal: 4};
    self.foo4 = self.foo2 + self.foo1;
  };
  
  def.doFoo1 = function (self) {
    return self.foo2;
  };
  
  def.doFoo2 = function (self) {
    self.foo += 1;
    return self.foo1;
  };
  
  return function () {
    let self = {};
    def.constructor(self);
    return {
      doFoo1: def.doFoo1.bind(null, self),
      doFoo2: def.doFoo2.bind(null, self)
    };
  };
})();

preBang = Bang();

function Foo() {
   let self = {};

   /****************************************************************************
    * Properties
    ***************************************************************************/
   self.foo1 = 15;
   self.foo2 = 'testing';
   self.foo3 = { i: 1, am: 2, a: 3, literal: 4 };
   self.foo4 = null;

   /****************************************************************************
    * Methods
    ***************************************************************************/
   self.constructor = function () {
      self.foo4 = self.foo2 + self.foo1;
   }

   self.doFoo1 = function () {
      return self.foo2;
   }

   self.doFoo2 = function () {
      self.foo1 += 1;
      return self.foo1;
   }

   /****************************************************************************
    * Public Exports
    ***************************************************************************/
   self.public = {
      doFoo1: self.doFoo1,
      doFoo2: self.doFoo2
   }

   self.constructor();
   return self.public;
}

preFoo = Foo();

function Bar() {
   this._foo1 = 15;
   this._foo2 = 'testing';
   this._foo3 = { i: 1, am: 2, a: 3, literal: 4 };
   this._foo4 = this._foo2 + this._foo1;
}

Bar.prototype.doFoo1 = function () {
   return this._foo2;
}

Bar.prototype.doFoo2 = function () {
   this._foo1 += 1;
   return this._foo1;
}

preBar = new Bar();

Tests:

Instantiation - Closure
let foo = Foo();
Instantiation - Prototype
let bar = new Bar();
Utilization - Closure
let baz = preFoo.doFoo2();
Utilization - Prototype
let baz = preBar.doFoo2();
Instantiation - Proxy Closure
let bang = Bang();
Utilization - Proxy Closure
let baz = preBang.doFoo2();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Instantiation - Closure
Instantiation - Prototype
Utilization - Closure
Utilization - Prototype
Instantiation - Proxy Closure
Utilization - Proxy Closure

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Browser/OS: Chrome 119 on Mac OS X 10.15.7

View result in a separate tab

Instantiation - Prototype

14.9M/s

Instantiation - Closure

11.2M/s

Utilization - Proxy Closure

10.0M/s

Utilization - Prototype

9.8M/s

Utilization - Closure

9.7M/s

Instantiation - Proxy Closure

9.4M/s

View exact numbers

Test name	Executions per second
✓ Instantiation - Prototype	14,857,363 Ops/sec
Instantiation - Closure	11,197,368 Ops/sec
Utilization - Proxy Closure	10,041,696 Ops/sec
Utilization - Prototype	9,837,374 Ops/sec
Utilization - Closure	9,723,336 Ops/sec
Instantiation - Proxy Closure	9,379,361 Ops/sec

Autogenerated LLM Summary (model llama3.1:latest, generated one year ago):

LLMs can make mistakes. Check important info.

Let's break down the benchmark and analyze what's being tested.

**Benchmark Overview**

The benchmark compares the performance of different JavaScript object creation and utilization methods: closure, prototype, and proxy closure.

**Test Cases**

There are six test cases:

1. **Instantiation - Closure**: Creates an instance of the `Foo` class using a closure (`let foo = Foo();`).
2. **Instantiation - Prototype**: Creates an instance of the `Bar` class using the `new` keyword and prototype chain (`let bar = new Bar();`).
3. **Utilization - Closure**: Uses the `preFoo` object, which is an instance of the `Foo` class created in a closure, to call the `doFoo2()` method (`let baz = preFoo.doFoo2();`).
4. **Utilization - Prototype**: Uses the `preBar` object, which is an instance of the `Bar` class created using the prototype chain, to call the `doFoo2()` method (`let baz = preBar.doFoo2();`).
5. **Instantiation - Proxy Closure**: Creates an instance of the `Bang` class using a proxy closure (`let bang = Bang();`).
6. **Utilization - Proxy Closure**: Uses the `preBang` object, which is an instance of the `Bang` class created in a proxy closure, to call the `doFoo2()` method (`let baz = preBang.doFoo2();`).

**What's Being Measured**

The benchmark measures the number of executions per second (EPS) for each test case. This gives us an idea of how fast each method is.

**Results**

Here are the results:

| Test Name | Executions Per Second |
| --- | --- |
| Instantiation - Prototype | 11,197,368.0 |
| Instantiation - Closure | 11,157,563.0 |
| Utilization - Proxy Closure | 9,837,374.0 |
| Utilization - Prototype | 9,723,336.0 |
| Utilization - Closure | 9,379,361.0 |
| Instantiation - Proxy Closure | 9,319,361.0 |

**Key Takeaways**

* Creating instances using the prototype chain (`new`) is slightly faster than creating them using closures.
* Using a proxy closure for instantiation and utilization is slower than traditional methods.
* Utilizing existing objects (e.g., `preFoo`, `preBar`, etc.) is faster than instantiating new ones.

Please note that these results are specific to the Chrome browser version 119 on Mac OS X 10.15.7. Other browsers or versions may yield different results.

Closure v Prototypical Objects 3 (version: 0)

Comparing performance of: `Instantiation - Closure vs Instantiation - Prototype vs Utilization - Closure vs Utilization - Prototype vs Instantiation - Proxy Closure vs Utilization - Proxy Closure`

Created: 6 years ago by: Guest

Go to the latest result

Instantiation - Closure

Instantiation - Prototype

Utilization - Closure

Utilization - Prototype

Instantiation - Proxy Closure

Utilization - Proxy Closure

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.1:latest, generated one year ago):

Closure v Prototypical Objects 3 (version: 0)

Comparing performance of: Instantiation - Closure vs Instantiation - Prototype vs Utilization - Closure vs Utilization - Prototype vs Instantiation - Proxy Closure vs Utilization - Proxy Closure

Created: 6 years ago by: Guest

Go to the latest result

Instantiation - Closure

Instantiation - Prototype

Utilization - Closure

Utilization - Prototype

Instantiation - Proxy Closure

Utilization - Proxy Closure

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.1:latest, generated one year ago):

Related benchmarks

Comparing performance of: `Instantiation - Closure vs Instantiation - Prototype vs Utilization - Closure vs Utilization - Prototype vs Instantiation - Proxy Closure vs Utilization - Proxy Closure`