Benchmark: ES6 Class vs Prototype vs Object Literal access 2

Script Preparation code:

class PointC {
	constructor(x, y){
		this.x = x;
		this.y = y;
    }

	add(value){
		return this.x + this.y + value;
    }
}

//---------------------------------------


function PointP(x, y){
	this.x = x;
	this.y = y;
}

PointP.prototype.add = function(value){
    return this.x + this.y + value;
}

//---------------------------------------

function PointO(x, y){
	return {
      	x, 
      	y, 
      	add:  value => this.x + this.y + value
    }  
}

//---------------------------------------

var PointS = {
	x:  10,
   	y:  10
}

var Add = (point, value) => point.x + point.y + value;

var p1C = new PointC(10, 10);
var p1P = new PointP(10, 10);
var p1O = new PointO(10, 10);

Tests:

ES6 Class
var sum = p1C.add(10000);
Function Prototype
var sum = p1P.add(10000);
Object Literal
var sum = p1O.add(10000);
Object 2
var sum = Add(PointS, 10000);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
ES6 Class
Function Prototype
Object Literal
Object 2

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Safari 15 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
ES6 Class	9497850.0 Ops/sec
Function Prototype	9330962.0 Ops/sec
Object Literal	7778546.0 Ops/sec
Object 2	5129017.0 Ops/sec

ES6 Class vs Prototype vs Object Literal access 2 (version: 1)

Test the speed and memory usage using 3 different techniques for accessing class objects.

Comparing performance of: ES6 Class vs Function Prototype vs Object Literal vs Object 2

Created: one year ago by: Registered User

Jump to the latest result

ES6 Class

Function Prototype

Object Literal

Object 2

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A