Run results for: ES6 Class vs Prototype vs Object Literal vs Object & Functions [rW@B8]

Test name	Executions per second
✓ Object & Functions	168,964,448 Ops/sec
Object Literal	1,857,200 Ops/sec
ES6 Class	523,346 Ops/sec
Function Prototype	416,733 Ops/sec

ES6 Class

class Point {
	constructor(x, y) {
		this.x = x;
		this.y = y;
    }

	add(point) {
		return new Point(this.x + point.x, this.y + point.y);
    }

	sub(point) {
		return new Point(this.x - point.x, this.y - point.y);
    }
}

var p1 = new Point(10, 10);
var p2 = new Point(10, -10);
var sum = p1.add(p2);
var dif = p1.sub(p2);

Function Prototype

function Point(x, y) {
	this.x = x;
	this.y = y;
}

Point.prototype.add = function(point) {
    return new Point(this.x + point.x, this.y + point.y);
}

Point.prototype.sub = function(point) {
	return new Point(this.x - point.x, this.y - point.y);
}

var p1 = new Point(10, 10);
var p2 = new Point(10, -10);
var sum = p1.add(p2);
var dif = p1.sub(p2);

Object Literal

function Point(x, y) {
	return {
      	x, 
      	y, 
      	add: (point)=>Point(this.x + point.x, this.y + point.y),
	 	sub: (point)=>Point(this.x - point.x, this.y - point.y)
    }  
}

var p1 = Point(10, 10);
var p2 = Point(10, -10);
var sum = p1.add(p2);
var dif = p1.sub(p2);

Object & Functions

function Point(x, y) {
	return {
      	x, 
      	y, 
    }  
}

function add(a, b) {
	return Point(a.x + b.x, a.y + b.y);
}

function sub(a, b) {
	return Point(a.x - b.x, a.y - b.y);
}

var p1 = Point(10, 10);
var p2 = Point(10, -10);
var sum = add(p1, p2);
var dif = sub(p1, p2);

Run results for: ES6 Class vs Prototype vs Object Literal vs Object & Functions [rW@B8]

Test the speed and memory usage using 4 different techniques for constructing values and calling functions on them.

ES6 Class

Function Prototype

Object Literal

Object & Functions