Run results for: Raw object with Closure vs Prototypical Objects

Run details:

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

Browser: Chrome 100

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Instantiation - Closure	27019006.0 Ops/sec
Instantiation - Prototype	24376796.0 Ops/sec
Utilization - Closure	13962399.0 Ops/sec
Utilization - Prototype	14285941.0 Ops/sec

Script Preparation code:

function Foo() {
   'use strict';
   return {
     foo1: 15,
     foo2: 'testing',
     foo3: { i: 1, am: 2, a: 3, literal: 4 },
     foo4: 'testing' + 15,
     doFoo1() {
       this.foo2;
     },
     doFoo2() {
       this.foo1 += 1;
       return this.foo1;
     }
   };
}

preFoo = Foo();

function Bar() {
   this._foo1 = 15;
   this._foo2 = 'testing';
   this._foo3 = { i: 1, am: 2, a: 3, literal: 4 };
   this._foo4 = null;
}

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();

Run results for: Raw object with Closure vs Prototypical Objects

Instantiation - Closure

Instantiation - Prototype

Utilization - Closure

Utilization - Prototype