Benchmark: FP vs OOP vs fake OOP 7

Script Preparation code:

window.iterations = 100000;

Tests:

OOP
class Obj { constructor(x, y, z) { this.update(x, y, z); } update(x, y, z) { this.x = x; this.y = y; this.z = z; this.result = x + y + z; } } const OOP = []; for (let i = 0; i < iterations; i++ ) { OOP.push(new Obj(Math.random(), Math.random(), Math.random())); }; for (let i = 0; i < iterations; i++ ) { OOP[i].update(Math.random(), Math.random(), Math.random()); };
Fake OOP2
function createObj(x, y, z) { return { x, y, z, result: x + y + z } } function updateObj(obj, x, y, z) { obj.x = x; obj.y = y; obj.z = z; obj.result = x + y + z; } class Obj2 { constructor(x, y, z) { this.obj = createObj(x, y, z); } update(x, y, z) { updateObj(this.obj, x, y, z); } } const FakeOOP2 = []; for (let i = 0; i < iterations; i++ ) { FakeOOP2.push(new Obj2(Math.random(), Math.random(), Math.random())); }; for (let i = 0; i < iterations; i++ ) { FakeOOP2[i].update(Math.random(), Math.random(), Math.random()); };
Fake OOP3
function createObj(x, y, z) { return { x, y, z, result: x + y + z } } function updateObj(obj, x, y, z) { obj.x = x; obj.y = y; obj.z = z; obj.result = x + y + z; } class Obj3 { constructor(x, y, z) { Object.assign(this, createObj(x, y, z)); } update(x, y, z) { updateObj(this, x, y, z); } } const FakeOOP3 = []; for (let i = 0; i < iterations; i++ ) { FakeOOP3.push(new Obj3(Math.random(), Math.random(), Math.random())); }; for (let i = 0; i < iterations; i++ ) { FakeOOP3[i].update(Math.random(), Math.random(), Math.random()); };
FP
function createObj(x, y, z) { return { x, y, z, result: x + y + z } } function updateObj(obj, x, y, z) { obj.x = x; obj.y = y; obj.z = z; obj.result = x + y + z; } const FP = []; for (let i = 0; i < iterations; i++ ) { FP.push(createObj(Math.random(), Math.random(), Math.random())); }; for (let i = 0; i < iterations; i++ ) { updateObj(FP[i], Math.random(), Math.random(), Math.random()); };

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
OOP
Fake OOP2
Fake OOP3
FP

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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36 Edg/110.0.1587.46

Browser/OS: Chrome 110 on Windows

View result in a separate tab

Test name	Executions per second
OOP	2.0 Ops/sec
Fake OOP2	2.2 Ops/sec
Fake OOP3	1.7 Ops/sec
FP	2.5 Ops/sec

FP vs OOP vs fake OOP 7 (version: 3)

Comparing performance of: OOP vs Fake OOP2 vs Fake OOP3 vs FP

Created: one year ago by: Registered User

Jump to the latest result

OOP

Fake OOP2

Fake OOP3

FP

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A