Reactor Pattern in JavaScript ES6

reactor.js

class ReactorEvent {
    constructor(name) {
        this.name = name;
        this.callbacks = [];
    }

    registerCallback(callback) {
        this.callbacks.push(callback);
    }
}

class Reactor {
    constructor() {
        this.events = {};
    }

    registerEvent(eventName) {
        this.events[eventName] = new ReactorEvent(eventName);
    }

    dispatchEvent(eventName, eventArgs) {
        this.events[eventName].callbacks.forEach(function (callback) {
            callback(eventArgs);
        });
    }

    addEventListener(eventName, callback) {
        this.events[eventName].registerCallback(callback);
    }
}

export const reactor = new Reactor();

use_reactor.js

// Using it
import {reactor} from 'reactor.js'

reactor.registerEvent('inception');

reactor.addEventListener('inception', function(){
  console.log('This is the inception listener!');
});

reactor.addEventListener('big bang', function(){
  console.log('This is another the inception listener!');
});

reactor.dispatchEvent('inception');