Run results for: Closure v Prototypical Objects 3

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.23 Safari/537.36

Browser: Chrome 89

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Instantiation - Closure	6266495.0 Ops/sec
Instantiation - Prototype	8438468.0 Ops/sec
Utilization - Closure	6392269.5 Ops/sec
Utilization - Prototype	6382865.0 Ops/sec
Instantiation - Proxy Closure	5178704.5 Ops/sec
Utilization - Proxy Closure	5992651.0 Ops/sec

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();

Run results for: Closure v Prototypical Objects 3

Instantiation - Closure

Instantiation - Prototype

Utilization - Closure

Utilization - Prototype

Instantiation - Proxy Closure

Utilization - Proxy Closure