Run results for: function vs class method vs new function method

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15

Browser: Safari 14

Operating system: Mac OS X 10.15.6

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
pure function	80.8 Ops/sec
class method	79.4 Ops/sec
function method	82.6 Ops/sec

Script Preparation code:

var arr = [];
var classInstances = [];
var functionInstances = [];
var numInstances = 100000;

function addItem(item) {
  arr.push(item);
};

class TestClass {
  constructor() {
  }
  addItem(item){
    this.item = item;
    arr.push(this.item)
  }
}

function TestFunction() {
}

TestFunction.prototype.addItem = function(item) {
	  this.item = item;
      arr.push(item)
}

for( var i = 0; i < numInstances; i++ ) {
  classInstances[i] = new TestClass();
  functionInstances[i] = new TestFunction();
}

Tests:

pure function
for (var i = 0; i < numInstances; i++) { addItem(i); }
class method
for (var i = 0; i < numInstances; i++) { classInstances[i].addItem(i); }
function method
for (var i = 0; i < numInstances; i++) { functionInstances[i].addItem(i); }

Run results for: function vs class method vs new function method

pure function

class method

function method