Run results for: custom events vs pubSub

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Browser: Chrome 118

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
pubSub	19155.4 Ops/sec
custom event	1859.6 Ops/sec

Tests:

pubSub
class PubSub { constructor() { this.topics = new Map(); } subscribe(topic, callback) { if (!this.topics.has(topic)) { this.topics.set(topic, new Set()); } this.topics.get(topic).add(callback); } publish(topic, data) { if (!this.topics.has(topic)) { return; } this.topics.get(topic).forEach((callback) => { callback(data); }); } unsubscribe(topic, callback) { if (!this.topics.has(topic)) { return; } this.topics.get(topic).delete(callback); } unsubscribeAll(topic) { if (!this.topics.has(topic)) { return; } this.topics.delete(topic); } } const pubSub = new PubSub(); let i = 1001; const results = []; pubSub.subscribe('custom', (e) => {}) while (--i) { pubSub.publish('custom', 'test') }
custom event
let i = 1001; const results = []; while (--i) { window.dispatchEvent(new CustomEvent('custom:test')); }