JSFiddle - React, Tailwind, and code Playground

by Emily Humphrey

JavaScript

const testToRun = 1000;
const prototypeTimes = [];
const classTimes = [];
let start = 0;
let end = 0;

PrototypeTest.prototype = {
	initialize: function(){},
  testOne: function(){ console.log("this is test 1.") },
  testTwo: function(){ console.log("this is test 2.") },
  testThree: function(){ console.log("this is test 3.") },
  testFour: function(){ console.log("this is test 4.") },
  testFive: function(){ console.log("this is test 5.") },
  testSix: function(){ console.log("this is test 6.") },
  testSeven: function(){ console.log("this is test 7.") },
  testEight: function(){ console.log("this is test 8.") },
  testNine: function(){ console.log("this is test 9.") },
  testTen: function(){ console.log("this is test 10.") }
}

function PrototypeTest(id){
	this.id = id;
	this.initialize()
}

class ClassTest{
	constructor(id){
  	this.id = id;
  }
  testOne = () => { console.log("this is test 1.") }
  testTwo = () => { console.log("this is test 2.") }
  testThree = () => { console.log("this is test 3.") }
  testFour = () => { console.log("this is test 4.") }
  testFive = () => { console.log("this is test 5.") }
  testSix = () => { console.log("this is test 6.") }
  testSeven = () => { console.log("this is test 7.") }
  testEight = () => { console.log("this is test 8.") }
  testNine = () => { console.log("this is test 9.") }
  testTen = () => { console.log("this is test 10.") }
}

console.log("Starting Prototype")
for(let i = 0; i < testToRun; i++){
	start = Date.now();
	new PrototypeTest(i)
  end = Date.now();
  prototypeTimes.push( end - start )
}
console.log("Ending Prototype")

console.log("Starting Class")
for(let i = 0; i < testToRun; i++){
	start = Date.now();
	new ClassTest(i)
  end = Date.now();
  classTimes.push( end - start )
}
console.log("Ending Class")

console.log(prototypeTimes)
console.log(classTimes)