removeEventListener with anonymous function helper

EventUtils.js

export default class EventUtils {
    constructor() {
        this.events = []

        this.addEventListener = this.addEventListener.bind(this)
        this.removeEventListeners = this.removeEventListeners.bind(this)
    }

    addEventListener(event, callback) {
        this.events.push({e: event, c: callback})
        const i = this.events.length - 1
        window.addEventListener(this.events[i].e, this.events[i].c)
    }

    removeEventListeners() {
        for (let i = 0; i < this.events.length; i++) {
            window.removeEventListener(this.events[i].e, this.events[i].c)
        }

        this.events = []
    }
}

example.js

// Usage example

const events = new EventUtils()

// Define some events

events.addEventListener('click', () => console.log('Hello !!'))
events.addEventListener('mousemove', e => console.log(`x: ${e.clientX}, y: ${e.clientY}`))


// Remove all events

events.removeEventListeners()