Run results for: prototype methods vs defined function

Testing performance: multiple prototype methods chained after one another that invoke a function from a external source (like fs.readDir or fs.stat, but in this case onTodo1 and onTodo2) - VS - one prototype method that creates a new function in the scope of that one method every time the method is called.

Go to the benchmark

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36

Browser: Chrome 115

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Chaining multiple prototype Methods	11469530.0 Ops/sec
One prototype method	11658410.0 Ops/sec

Script Preparation code:

class FunctionTester {
	counterA = 0;
	counterB = 0;
	callback;
	constructor(options = {}) {
		this.onTodo1 = options.onTodo1;
		this.onTodo2 = options.onTodo2;
	};
	stuffTodo1(thing) {
		this.counterA++;
		thing.aap = "noob";
		this.onTodo1(thing, () => this.stuffTodo2(thing));
	};
	stuffTodo2(thing) {
		this.counterB++;
		thing.y = "mongol";
		this.onTodo2(thing, this.callback);
	};
	multipleProtoMethods(callback) {
		this.callback = callback;
		this.stuffTodo1({ a: 10 });
	};
	oneProtoMethod(callback) {
		const stuffTodo1 = thing => {
			this.counterA++;
			thing.aap = "noob";
			this.onTodo1(thing, () => {
				this.counterB++;
				thing.y = "mongol";
				this.onTodo2(thing, callback);
			});
		};
		stuffTodo1({ a: 10 });
	};
};
var multipleProtoMethodsTester = new FunctionTester({
	onTodo1(thing, callback) {
		thing.noob = "aap";
		callback();
	},
	onTodo2(thing, callback) {
		thing.Y = "MONGOL";
		callback(thing);
	},
});
var oneProtoMethodTester = new FunctionTester({
	onTodo1(thing, callback) {
		thing.noob = "aap";
		callback();
	},
	onTodo2(thing, callback) {
		thing.Y = "MONGOL";
		callback(thing);
	},
});

Tests:

Chaining multiple prototype Methods
let theResult; multipleProtoMethodsTester.multipleProtoMethods(result => { theResult = result; });
One prototype method
let theResult; oneProtoMethodTester.oneProtoMethod(result => { theResult = result; });

Run results for: prototype methods vs defined function

Chaining multiple prototype Methods

One prototype method