Run results for: Cost of adding and removing event listeners

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:132.0) Gecko/20100101 Firefox/132.0

Browser: Firefox 132

Operating system: Linux

Device Platform: Desktop

Date tested: 10 months ago

Test name	Executions per second
Assigning once	1155351.9 Ops/sec
Assigning 1000	906.3 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

const callbacks = Array.from({ length: 1000 }, () => () => {})
const callback = () => {}

function useEffectCallback(callback) {
  window.addEventListener('keydown', callback);
  window.removeEventListener('keydown', callback);
}

Tests:

Assigning once
useEffectCallback(callback)
Assigning 1000
callbacks.forEach(callback => useEffectCallback(callback))

Run results for: Cost of adding and removing event listeners

Assigning once

Assigning 1000